Dashicons is het officiele icon font van WordPress, maar wat moet je doen als de icons niet zichtbaar zijn op Google Chrome en Android?
Zorg dat de icoontjes zichtbaar worden door onderstaande code toe te voegen aan het bestand functions.php van het thema. Dat zal het probleem oplossen.
/********************************************************/
// Adding Dashicons in WordPress Front-end
/********************************************************/
add_action( 'wp_enqueue_scripts', 'load_dashicons_front_end' );
function load_dashicons_front_end() {
wp_enqueue_style( 'dashicons' );
}
Hoe gebruik je Dashicons?
Het toevoegen van een icoon aan een header, met de dashicons voor de klasse. Dit kan direct aan het element met tekst worden toegevoegd.
<h2 class="dashiconen-voor-dashiconen-smiley">Koptekst met een smiley</h2>
Het toevoegen van een icoon aan een header, met de dashicons klasse. Merk op dat je hier extra opmaak voor nodig hebt, specifiek voor het pictogram.
<h2><span klasse="dashiconen-dashiconen-smiley"></span> Nog een koptekst met icoontje</h2>
Damiaan van Vliet is WordPress front-end developer bij Albus Webdesign. Hij heeft meer dan 30 jaar ervaring in de ICT sector. Zijn kernwaarden zijn geduldig, doelgericht en gestructureerd. Hij stemt zichzelf af op de wensen van de klant en houdt de zaken eenvoudig waar dat kan.