Astuce Utiliser Dashicons pour les éléments de menu

L'année dernière, WordPress a commencé à utiliser des plugins pour travailler sur de nouvelles fonctionnalités pour le noyau. L'un des premiers à apparaître est le plugin MP6. C'était une refonte complète de l'administrateur WordPress. L’un des changements consistait à passer des images à une police d’icônes, Dashicons.

Dans WordPress 3.8, nous avons vu ce nouveau design entrer dans le noyau. Toutes les icônes de l’administrateur de WordPress utilisent maintenant Dashicons et nous pouvons aussi les utiliser dans nos thèmes et plugins..

Dashicons

Le projet est un projet open source et est actuellement maintenu sur GitHub. WordPress l'utilise et vous pouvez également l'utiliser pour vos propres projets. Vous pouvez également voir toutes les icônes dans la documentation..

Vous pouvez cliquer sur chaque icône pour en afficher un aperçu plus grand et afficher le nom de l'icône. Certains liens vous aident également à pouvoir copier le CSS, le HTML ou le glyphe. Il y a aussi un lien en bas à Afficher les instructions.

Utilisation de dashicons pour les éléments de menu

Supposons que votre thème ajoute un type de publication personnalisé pour un curseur d'image. Nous voulons utiliser une icône qui ressemble à quelques images et décider d'utiliser dashicons-images-alt2.

Maintenant, nous avons juste besoin de le spécifier lorsque nous enregistrons notre type de message personnalisé comme ceci:

 register_post_type ('slides', tableau ('labels' => array ('name' => 'Slides' ',' singular_name '=>' Slide '),' public '=> true,' has_archive '=> true,' menu_icon '=>' dashicons-images-alt2 '));

Type de message personnalisé

Notre article de menu personnalisé a maintenant le même style que les autres éléments de menu par défaut. Il a la même couleur et la même hauteur avec toutes les couleurs appropriées en vol stationnaire.

Problèmes et demandes

Si vous rencontrez des problèmes lors de l'utilisation de l'un des dashicons, veillez à enregistrer un problème dans Core Trac, comme vous le feriez pour tout autre problème WordPress. Si vous ne trouvez pas une icône qui vous convient, vous pouvez en demander une nouvelle..

Conclusion

Comme je l'ai déjà mentionné, maintenant que Dashicons est inclus dans WordPress, nous pouvons l'utiliser dans nos thèmes et plugins..

Nous pouvons facilement les utiliser pour les éléments de menu que nous ajoutons au menu d'administration de WordPress. C’est certainement l’une des petites attentions qui peuvent donner à votre travail une impression plus native de l’application WordPress principale..

Ressources

  • Dashicons
  • Dashicons GitHub
  • MP6
  • Type de message personnalisé Codex
  • Demander un nouveau Dashicon
  • Core Trac