Comment activer les icônes Dashicons sur WordPress ?

WordPress intègre par défaut un set d’icônes. Ces icônes sont celles que vous pouvez voir dans l’administration de WordPress. (Mais il en existe bien d’autres ! La liste est disponible en bas de l’article.)

Pour utiliser ces icônes sur la partie visible de votre site (le front), il faut tout d’abord ajouter du code dans le fichier functions.php :

function montheme_scripts(){
    wp_enqueue_style('dashicons');
}
add_action('wp_enqueue_scripts', 'montheme_scripts');

Le code ci-dessus permet d’activer le chargement de la font qui permet d’afficher les icônes.

Pour utiliser les icônes dans vos templates (ou pages et articles), il ne reste plus qu’à vous rendre sur la liste des icônes de WordPress et d’effectuer quelques manipulations.

Sélectionnez une icône et cliquez sur « Copy HTML », vous devriez obtenir un code comme ceci :

Vous n’avez plus qu’à copier ce code dans votre template ou dans un article WordPress et le tour est joué !