Comment activer les icônes Dashicons sur WordPress ?

21 décembre 2018

Quentin

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é !

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *