La version 3.8 de WordPress introduit dashicons, l’ensemble de polices de l’icône WP admin. Ces icônes sont des fichiers SVG de haute qualité, ce qui signifie quamp;rsquoelles seront redimensionnées à namp;rsquoimporte quelle taille sans pixelisation. Bien que ces icônes aient été ajoutées pour les éléments du menu du tableau de bord, rien ne empêche de les utiliser ailleurs. Vous pouvez ensuite les utiliser pour personnaliser les plug ins, les thèmes, les panneaux damp;rsquoadministration et la conception de thèmes de première ligne. Pour commencer à utiliser WordPress dashicons, devez faire deux choses. Tout damp;rsquoabord, activez dashicons pour le sujet que utilisez. Alors va chez WordPress. Org et trouvez le code HTML ou CSS de lamp;rsquoicône que prévoyez utiliser. Oui, camp;rsquoest si simple. Examinons donc plus en détail comment cela peut être fait.
Activer dashicons avant de commencer à utiliser dashicons, devez activer dashicons pour le sujet que utilisez. Pour ce faire, ajoutez un petit morceau de code au fichier de fonctions. Php. Pour ce faire, suivez les étapes suivantes: tout d’abord, dans le panneau d’administration WordPress, allez dans l’éditeur apparence thème. Puis ouvrez le fichier de fonction. Php. Ensuite, Défilez vers la fin de la fonction. PHP et ajouter ce code: ajouter _ action (amp;lsquoWP enqueue scriptsamp;rsquo, fonction () {WP enqueue style (amp;lsquo dashiconsamp;rsquo)) Il est recommandé de créer un sous thème avant damp;rsquoéditer une fonction. Php. modifiez directement le fichier de sujet et que avez une mise à jour de sujet plus tard, la mise à jour écrase les modifications apportées à la fonction. Php. Il est donc préférable damp;rsquoavoir un thème pour les enfants.
Comment obtenir le code HTML et CSS de dashicons WordPress. Org fournit une bibliothèque dashicons où pouvez trouver le code HTML et css pour chaque icône. Une fois sur WordPress. Org, recherchez les ressources du développeur: dashicon ou cliquez sur ce lien. Suivez ensuite les étapes suivantes: damp;rsquoabord, cliquez sur namp;rsquoimporte quelle icône que . Quid.
Je clique sur copier HTML ou copier CSS au besoin. Une fenêtre contextuelle avec le Code apparaît. Appuyez sur Ctrl + C pour copier ce code dans le presse papiers. Une fois que avez activé dashicons et copié le code dans le presse papiers, il suffit de décider où utiliser lamp;rsquoicône dashicon sur le tableau de bord WP. Par exemple, pouvez les utiliser pour publier des métadonnées telles que la date, la catégorie, lamp;rsquoétiquette ou lamp;rsquoauteur. De plus, il peut samp;rsquoagir damp;rsquoun type de message personnalisé pour la navigation dans le menu ou lamp;rsquoarrière plan.
Voir dashicons directement dans les messages et les pages il est facile damp;rsquoajouter des icônes dans les messages ou les pages. Pour ce faire, il suffit damp;rsquoajouter le code suivant dans lamp;rsquoéditeur de texte:
Un titre agréable
Vous pouvez aussi utiliser le code suivant:
Un titre agréable
Par conséquent, après avoir sauvegardé le message et rechargé la page, devriez voir lamp;rsquoicône smiley face. Comment utiliser WP dashicons pour les menus de navigation l’exemple le plus utile d’utilisation de WordPress dashicons est pour les menus de navigation. Pour ajouter une icône à un menu:
Tout d’abord, dans le tableau de bord WordPress, allez à apparence menu. Ajoutez ensuite le code HTML de l’icône de menu obtenue de WordPress. Organisez en onglets de navigation. Comme pouvez le voir, il est également facile damp;rsquoajouter des icônes au menu de navigation. devez afficher le texte à côté de lamp;rsquoicône, il suffit damp;rsquoajouter le texte à la fin du champ de lamp;rsquoétiquette de navigation. tout va bien, verrez lamp;rsquoicône affichée dans le menu de navigation de la page damp;rsquoaccueil. Utiliser dashicon en arrière plan est plus facile si voulez utiliser différentes icônes pour personnaliser le type de message, le titre du message ou le Widget. Il namp;rsquoest pas nécessaire de modifier le fichier de fonction. Php, parce qu’il est situé à l’arrière de WordPress. Pour que tu puisses sauter le premier pas quamp;rsquoon a fait. Pour créer un type de message personnalisé en utilisant des icônes
Icône du faisceau damp;rsquoinstruments. De plus, si ajoutez une icône à la Bibliothèque dashicons, pouvez lamp;rsquoajouter à partir de la page github. Lamp;rsquoensemble damp;rsquoicônes dashicon est très limité et il y a des caractères pour les icônes plus grandes. Donc, si avez besoin damp;rsquoun plus grand ensemble damp;rsquoicônes, nous recommandons que les polices soient géniales. Ils offrent un large choix damp;rsquoicônes gratuites, si avez besoin de plus damp;rsquoicônes et si passez à la version pro, ils en offrent plus.
Pour plus d’informations sur les tutoriels WordPress, consultez les autres sections de notre blog. avez damp;rsquoautres questions, écrivez les dans la section commentaires ci dessous. Passez une bonne journée! Autres ressources: comment corriger l’erreur “désolé, n’avez pas accès à cette page” dans WordPress comment activer la carte Twitter sur le site WordPress comment utiliser WordPress et cloudflare pour corriger l’erreur 521
Qu’est ce que dashicons et comment les utiliser dans WordPress
