WordPress
time_read19mn de lecture

Comment utiliser et afficher les dashicons WordPress pour faire ressortir votre thème ?

31 janvier 2023

Comment utiliser et afficher les dashicons WordPress pour faire ressortir votre thème ?

Depuis plusieurs années, les icônes de polices sont utilisées en ligne dans le but d’améliorer la communication visuelle. WordPress a introduit ses icônes appelées dashicons à partir de la version 3.8. Ce qui offre ainsi la possibilité à tous les utilisateurs de les intégrer facilement sur leurs sites web. Les dashicons WordPress ne sont pas des images, ils ont l’avantage d’être légers et peuvent considérablement améliorer l’apparence de votre site et renforcer votre façon de communiquer.👨‍🏫

Sur WordPress, les dashicons peuvent être intégrés à n’importe quel emplacement. Et ce processus ne prend que quelques minutes.🤗

Objectif

Dans cet article, nous allons vous expliquer comment utiliser et afficher les dashicons sur votre site WordPress. En fait, vous allez découvrir de quelle manière, vous pouvez procéder pour insérer ces icônes de polices dans un menu de navigation, dans un article ou encore dans le menu du tableau de bord d’administration.🤭

Une solution clés en main pour créer un site WordPress ?

LWS vous conseille sa formule d’hébergement WordPress en promotion à -20% (offre à partir de 3,99€ par mois au lieu de 4,99 €). Non seulement les performances sont au rendez-vous mais vous profitez en plus d’un support exceptionnel.

Découvrir l'offre

Prérequis

Vous devez être capable d’accéder à votre espace d’administration WordPress avec les privilèges d’un administrateur.

Activer les dashicons dans WordPress

Vous devez noter que les dashicons sont natifs dans WordPress. Vous n’avez donc pas besoin d’installer un script supplémentaire pour commencer à les utiliser.

Cependant, une activation est nécessaire pour permettre à WordPress d’afficher ces icônes spécifiques. La bibliothèque de WordPress en compte plus de 300, créés pour différents domaines d’application et distribués sous le format SVG.

Pour activer les dashicons, connectez-vous à votre espace d’administration. Ensuite, rendez-vous dans la section « Apparence › éditeur de fichiers des thèmes ».Éditeur de fichiers des thèmes WordPress

Vous serez redirigé vers l’interface vous permettant de modifier les fichiers de votre thème. Recherchez le fichier functions.php.Modifier un thème WordPress dans le fichier functions.php

Ajoutez le code ci-dessous à la fin de votre fichier.

function my_theme_styles() {
wp_enqueue_style( 'dashicons' );
}

Une fois que vous avez terminé, enregistrez vos modifications.Modifier le fichier functions.php

Vous pouvez à présent insérer des dashicons à n’importe quelle partie de votre site WordPress.

Utiliser et afficher les dashicons WordPress

Pour insérer une icône spécifique, rendez-vous sur la page de ressources pour les développeurs WordPress et copiez le code HTML de celle-ci.Dashicons WordPress

Ajouter un dashicon au menu de navigation WordPress

Connectez-vous à votre tableau de bord d’administration. Ouvrez ensuite la section « Apparence › menu ».

Accédez au menu que vous souhaitez modifier et développez l’élément auquel vous souhaitez appliquer une icône.Ajouter un dashicon au menu WordPress

Ensuite, rendez-vous dans la zone « Titre de la navigation » et ajoutez le code de l’icône que vous souhaitez utiliser.Ajouter le code de l'icône au menu de navigation

Terminez votre configuration en cliquant sur le bouton « Enregistrer le menu ».

Ouvrez ensuite votre site pour voir à quoi ressemble le résultat en direct.

Prévisualisation de l'ajout de dashiconVous pouvez ensuite répéter le même processus pour les autres éléments du menu. Votre menu peut paraître finalement convivialAjouter des dashicons au menu d'en-tête

Ajouter un dashicon dans un article ou une page web

Une autre façon d’utiliser les dashicons WordPress consiste à les ajouter dans une page web ou dans un article. Cela peut vous aider à améliorer considérablement l’aspect visuel de votre contenu.

Ouvrez l’article ou la page web que vous souhaitez modifier dans votre éditeur de contenus. Copiez le code de l’icône de police à utiliser depuis la page de ressources pour développeurs. Il vous suffit ensuite de le coller dans la section de choix de votre publication.Ajouter et afficher les icônes personnalisées dans un article WordPress

Vous devez toujours enregistrer vos modifications une fois que vous terminez.ajouter des icônes de polices Dashicons dans WordPress

Intégrer un dashicon dans le menu du tableau de bord d’administration

WordPress utilise ses icônes de polices spéciales depuis plusieurs années dans l’espace d’administration. Ces dernières permettent d’améliorer l’apparence de menus et l’interaction des utilisateurs lorsqu’ils naviguent dans cette partie du site.Dashicons de l'espace d'administration WordPress Outre les icônes natives déjà utilisées, vous pouvez également ajouter vos propres dashicons à cette partie. C’est notamment lorsque vous créez des publications personnalisées. Par défaut, WordPress leur attribue la même icône que les publications classiques.

Pour différencier les choses, vous devez installer le plugin Custom Post Type UI depuis la section « Extensions › ajouter » de votre espace d’administration.Custom Post Type UI

Ouvrez ensuite la section « CPT UI › ajouter/modifier des types de publication ».CPT UI

Dans l’interface résultante, vous pouvez créer une publication personnalisée si vous n’en avez pas encore une.

ajouter une publication personnalisée

Une fois que vous disposez d’une publication personnalisée, défilez la même interface vers le bas jusqu’à la section « Icône du menu ». Ensuite, cliquez sur le bouton « Choisir le dashicon ».ajouter des Dashicons à une publication personnalisée

L’interface sera développée et un tableau affiche des nombreuses icônes de polices parmi lesquelles vous pouvez faire le choix. Cliquez sur celle que vous souhaitez utiliser.choisir le Dashicon Enregistrez ensuite vos modifications et l’icône choisie sera appliquée à votre publication personnalisée.Prévisualisation de l'ajout des Dashicons

Les dashicons sont fournis également avec du code CSS pour contrôler le style d’affichage sur les différents emplacements de votre site.

Conclusion

🥳Bravo, vous venez d’apprendre avec succès comment utiliser et afficher les dashicons sur WordPress. Que cela soit dans votre menu de navigation, dans un article classique ou encore dans une publication personnalisée, le processus à suivre est relativement très facile. Tous les détails vous ont été donnés dans cet article. Il ne vous reste qu’à passer la pratique.

Si vous avez des questions sur les dashicons WordPress, écrivez-nous dans la section Commentaires.

Besoin d’un hébergement WordPress rapide et de qualité ?

LWS vous conseille sa formule d’hébergement WordPress en promotion à -20% (offre à partir de 3,99€ par mois au lieu de 4,99 €). Non seulement les performances sont au rendez-vous mais vous profitez en plus d’un support exceptionnel.

Découvrir l’offre

Avatar de l'auteur

Auteur de l'article

Joseph

Bonjour, je m'appelle Joseph. Je suis rédacteur spécialisé dans WordPress, PrestaShop et d'autres CMS. Fort d'une expertise approfondie en PHP et MySQL, je partage mes connaissances à travers des tutoriels simples et accessibles. Passionné par le développement et la transmission de savoir, j'aime expliquer et rendre les concepts techniques compréhensibles pour tous

Avis client de l'hébergeur LWS

Nos avis Trustpilot Nos avis Hostadvice Nos avis sur avis.lws.fr
Avis trustpilot 30/04/2022

LWS l'hébergeur par excellence !

LWS est pour moi l'hébergeur par excellence, que cela soit au niveau de l'hébergement qui est très performant, les mails qui sont d'une qualité professionnelle et de la gestion du domaine facile à comprendre.

PauseGreen

Avis hostadvice 27/04/2022

Super, au top !

Au top, prix attractif. Service très rapide et réactif. Je l'ai même personnellement recommandé à des proches. La vie est bien plus facile avec LWS

Masset Eliot

Avis avislws 26/04/2022

Support

Clair, efficace, rapide et à tarif abordable. J'ai maintenant un site superbe à mon image, puisque je le fais moi-même. L'équipe technique est au top, j'ai une réponse en 20 minutes, cela change d'autres hébergeurs pourtant plus connu.

Lady Whip

Avis hostadvice 24/04/2022

Bravo et merci

Bravo et merci aux équipes techniques pour leur réactivité et leur professionnalisme depuis plus de 10 ans chez eux et de nombreux sites !!! Merci

Olivier Delmas

Avis trustpilot 23/04/2022

Je suis très satisfait.

J'ai commandé un hébergement pour le site d'une association. Tout s'est passé très rapidement et sans la moindre embuche. La tarification est attractive et me parait très claire. Le panneau d'administration de l'hébergement est facile à utiliser et à comprendre. Je n'ai pas encore installé Wordpress car le contenu n'est pas prêt mais ce sera la prochaine étape et je suis très confiant. Merci !

Pierre-André Liné

Avis avislws 20/04/2022

Un service technique excellent

Je suis client chez LWS depuis 2011 avec une boutique OSCommerce qui tourne comme une horloge depuis cette date sur un hébergement mutualisé. La disponibilité de la boutique est très proche de 100%. Concernant les rares problèmes rencontrés en huit ans, j’ai eu à chaque fois un technicien compétent qui a résolu le problème très rapidement et efficacement. Je suis en train de migrer sur une plateforme Pretashop sur un VPS, avec l’offre LWS Debian 9 et Prestashop. Un technicien m’a grandement aidé pour finaliser l’installation de la boutique lors de la mise à jour vers la dernière version de Prestashop 1.7 qui posait problème. Je suis très satisfait de LWS, et ce sur la durée : réponses et réactions rapides et efficaces. Je recommande cet hébergeur et encore merci.

Alain

Avis trustpilot 16/04/2022

Une expérience jamais égalée !

Étant Développeur Web & Mobile Full-Stack depuis plus de 5 ans déjà, j'ai rarement eu un service client aussi rapide et efficace. Sans compter la qualité du service en ligne. Je recommande VIVEMENT LWS !

Chris KOUAKAM

Avis hostadvice 12/04/2022

Très bon hébergeur

J'ai un serveur VPS chez eux et je n'ai aucun problème, dès qu'il y a un problème le service technique est la pour vous aider et répond assez rapidement à votre demande. Je recommande vivement cet hébergeur.

Vanden Cruyce

Avis avislws 09/04/2022

Je suis ravie

Je suis ravie d'être avec LWS sur tous les plans, je remercie les Techniciens (Fabrice, Omar, Sandy-Mahitsison) depuis plus de 8 ans j'ai évolué avec LWS et toujours soutenue. Une véritable relation humaine même si les questions ou nos inquiétudes ne correspondent pas à leurs missions, ils sont là pour nous répondent et nous rassurent. Mon site c'est mon travail ma source de revenue donc il sont mes partenaires ! les travailleurs de l'ombre merci à eux ! Merci LWS

L'atelier-and-Co

Commentaires (0)

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée.