Qu’est – ce que dashicons et comment les utiliser dans WordPress
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 qu’elles seront redimensionnées à n’importe 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 vous empêche de les utiliser ailleurs. Vous pouvez ensuite les utiliser pour personnaliser les plug – ins, les thèmes, les panneaux d’administration et la conception de thèmes de première ligne. Pour commencer à utiliser WordPress dashicons, vous devez faire deux choses. Tout d’abord, activez dashicons pour le sujet que vous utilisez. Alors va chez WordPress. Org et trouvez le code HTML ou CSS de l’icône que vous prévoyez utiliser. Oui, c’est si simple. Examinons donc plus en détail comment cela peut être fait.Activer dashicons avant de commencer à utiliser dashicons, vous devez activer dashicons pour le sujet que vous 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 (‘WP enqueue scripts’, fonction () {WP enqueue style (‘ dashicons’);); Il est recommandé de créer un sous – thème avant d’éditer une fonction. Php. Si vous modifiez directement le fichier de sujet et que vous 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 d’avoir un thème pour les enfants.
Comment obtenir le code HTML et CSS de dashicons WordPress. Org fournit une bibliothèque dashicons où vous 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: d’abord, cliquez sur n’importe quelle icône que vous aimez. 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 vous avez activé dashicons et copié le code dans le presse – papiers, il vous suffit de décider où utiliser l’icône dashicon sur le tableau de bord WP. Par exemple, vous pouvez les utiliser pour publier des métadonnées telles que la date, la catégorie, l’étiquette ou l’auteur. De plus, il peut s’agir d’un type de message personnalisé pour la navigation dans le menu ou l’arrière – plan.
Voir dashicons directement dans les messages et les pages il est facile d’ajouter des icônes dans les messages ou les pages. Pour ce faire, il suffit d’ajouter le code suivant dans l’é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, vous devriez voir l’icô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 – vous en onglets de navigation. Comme vous pouvez le voir, il est également facile d’ajouter des icônes au menu de navigation. Si vous devez afficher le texte à côté de l’icône, il suffit d’ajouter le texte à la fin du champ de l’étiquette de navigation. Si tout va bien, vous verrez l’icône affichée dans le menu de navigation de la page d’accueil. Utiliser dashicon en arrière – plan est plus facile si vous voulez utiliser différentes icônes pour personnaliser le type de message, le titre du message ou le Widget. Il n’est 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 qu’on a fait. Pour créer un type de message personnalisé en utilisant des icônes
Icône du faisceau d’instruments. De plus, si vous ajoutez une icône à la Bibliothèque dashicons, vous pouvez l’ajouter à partir de la page github. L’ensemble d’icônes dashicon est très limité et il y a des caractères pour les icônes plus grandes. Donc, si vous avez besoin d’un plus grand ensemble d’icônes, nous recommandons que les polices soient géniales. Ils offrent un large choix d’icônes gratuites, si vous avez besoin de plus d’icônes et si vous passez à la version pro, ils en offrent plus.
Pour plus d’informations sur les tutoriels WordPress, consultez les autres sections de notre blog. Si vous avez d’autres questions, écrivez – les dans la section commentaires ci – dessous. Passez une bonne journée! Autres ressources: comment corriger l’erreur “désolé, vous 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