Ajouter des icônes à mon menu principal

Vous voulez rajouter des pictos aux éléments de votre menu principal(comme sur le site d’aide ou le site de l’Ugict) ?

Rien de plus simple !

Attention, cette possibilité est uniquement ouverte aux utilisateurs des nouveaux thèmes : Blocs Syndicaux, Ma Vitrine Syndicale, Mon blog syndical, Ugict et Ugict light v2, Infos syndicales v2

A. Faire apparaitre les options avancées

1) Allez dans Apparances > Menus

2) Ouvrez les « Options de l’écran » (en haut à droite)

3) dans « Afficher les propriétés avancées du menu » sélectionnez « Classes CSS »

4) Fermez les « options de l’écran »

Si vous ouvrez un des éléments de menu, vous verrez qu’il y a désormais un champ « Classes CSS (facultatives) »

B) Choisir son pictogramme

5) Cliquez sur ce lien (qui s’ouvrira dans un nouvel onglet) http://genericons.com/

6) Cliquez sur le picto qui vous intéresse

7) là où s’affiche le picto, copiez le nom du picto tel que « genericon-XXXX » (attention : sans la flèche, et sans espaces)

genericon

C) Ajouter les pictos au menu

8) retournez dans l’onglet de votre tableau de bord, dans Apparence > Menus

9) Sélectionnez le menu que vous souhaitez modifier (le menu principal, souvent appelé Navigation)

10) Ouvrez l’élément devant lequel vous souhaitez ajouter le picto (cliquer sur la petite flèche à droite de l’élément de menu)

11) Dans le champ « Classes CSS  » collez le nom du pictogramme tel que « genericon-XXXX »

12) Enregistrez le menu

menu-genericon

 

Imprimer cet article Télécharger cet article

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *