hideout-lastation.com
Paradis Pour Les Concepteurs Et Les Développeurs


Comment afficher les icônes dans le menu WordPress [WordPress Plugin]

L'icône est un excellent complément à tout type de design. De nombreuses icônes sont universellement reconnues . Prenez un panneau de toilettes publiques à l'aéroport. Sans avoir besoin de connaître la langue locale, si elle vous est étrangère, vous pouvez saisir immédiatement la toilette qui est pour les dames, et qui est pour les messieurs de l'icône utilisée à l'avant de la porte.

La même chose pourrait également être appliquée pour un site Web; l'affichage d'une icône pourrait aider les utilisateurs à naviguer sur votre site Web. Cela contribue à l'expérience utilisateur et rendra également un site Web plus joli.

Mais afficher une telle icône dans un CMS comme WordPress pourrait être un défi. Si votre site est construit sur WordPress, nous allons vous montrer le moyen le plus simple d'afficher une icône dans le menu WordPress .

Commencer

L'ajout d'une icône dans WordPress est rendu facile avec un plugin WordPress appelé Menu Icons. D'abord, installez et activez ce plugin.

Nous sommes maintenant prêts à ajouter les icônes.

Ajouter une icône

Pour cet exemple, j'aimerais utiliser TwentyTwelve, un thème WordPress sympa et propre. J'ai également créé quelques pages que je vais inclure dans le menu.

Créez un nouveau menu dans Apparence> Menus . N'oubliez pas d'assigner l'emplacement du menu, à moins qu'il n'apparaisse nulle part sur le site.

Ensuite, nous allons ajouter une icône pour chaque élément. Pour commencer, développons l'un des éléments du menu. Vous trouverez un lien qui dit Icône: Icône de sélection . Cliquez sur "Sélectionner l'icône" pour commencer à sélectionner. Ici, vous serez présenté avec une fenêtre similaire à la bibliothèque multimédia WordPress.

Au moment d'écrire ces lignes, ce plugin est livré avec 3 bibliothèques d'icônes de polices, à savoir Dashicons, Genericons, et FontAwesome.

Cependant, même si nous utilisons librement n'importe quelle icône, il est préférable de dériver les icônes d'une bibliothèque, puisque chacune d'entre elles a ses propres caractéristiques telles que la taille et la courbe. En d'autres termes, si vous utilisez FontAwesome, utilisez-le sur le site Web. Cela conserverait la cohérence de l'icône et la rendrait plus unifiée.

Lorsque vous sélectionnez l'icône, vous verrez l'aperçu sur le panneau de droite. Dans le panneau de droite, faites quelques ajustements. Vous pouvez placer l'icône avant ou après le menu, contrôler la taille de la police et définir l'alignement vertical. Lorsque le réglage est terminé, cliquez sur Sélectionner, et continuez à ajouter une icône pour les autres éléments dans le menu.

Pensée finale

Icônes de menu est un plugin très pratique pour ajouter une icône dans le menu. Il s'intègre bien au motif WordPress UI qu'il est très intuitif à utiliser. En outre, le développeur a prévu quelques nouvelles fonctionnalités pour les prochaines versions, y compris l'ajout de bibliothèques d'icônes, et la possibilité de télécharger une icône personnalisée.

J'espère que vous apprécierez et trouver cette astuce utile. Allez-y et essayez le plugin.

Dropbox Pro est maintenant Dropbox Plus.  Que souhaitez-vous savoir

Dropbox Pro est maintenant Dropbox Plus. Que souhaitez-vous savoir

Tout récemment, Dropbox a décidé de renommer son option Dropbox Pro en "Dropbox Plus" . Bien que le changement de nom n'affecterait probablement pas ceux qui sont nouveaux sur Dropbox, les utilisateurs de longue date de l'offre premium du système de stockage en nuage peuvent être déroutés par ce changement de nom. Donc,

(Conseils techniques et de conception)

30 photos foudroyantes

30 photos foudroyantes

Vous savez comment ils disent que la foudre ne frappe jamais deux fois au même endroit? Eh bien, "ils" ont menti. La foudre peut frapper le même endroit ou la même région plusieurs fois - en fait, il y a un endroit au Venezuela, appelé le phare de Catatumbo, où la foudre frappe 1, 2 million de fois par an - comment pouvez-vous trouver d'autres photos incroyables?Et le

(Conseils techniques et de conception)