skip to Main Content

Comment ajouter des icônes au menu de votre site WordPress

Divi : le thème WordPress le plus facile à utiliser

Divi : Le meilleur thème WordPress de tous les temps !

Avec plus de 600.000 téléchargements, Divi est le thème WordPress le plus populaire au monde. Il est complet, facile à utiliser et livré avec plus de 62 templates gratuits. [ Recommandé ]

Tout thème ne propose pas cette fonctionnalité, pourtant pour une raison ou pour une autre, nous souhaitons souvent ajouter des icônes sur nos différents menus. Dans ce tutoriel, je vous montrerai comment rendre cela possible à l’aide du plugin Menu Image sur WordPress.

menu-icon-ban

Comment installer et configurer le plugin « Menu Image »

Pour commencer, vous allez installer le plugin depuis votre tableau de bord WordPress. Vous pouvez également télécharger ce plugin sous forme de fichier zip.

menu-image-installation-tableau-de-bord

Créez Facilement votre site Web avec Elementor

Elementor vous permet de créer facilement n'importe quel design de site Web avec un look professionnel. Arrêtez de payer cher pour ce que vous pouvez faire vous-même. [ Gratuit ]

Cherchez-vous les meilleurs thèmes et plugins WordPress ?

Téléchargez les meilleurs plugins et thèmes WordPress sur Envato et créez facilement votre site web. Déjà plus de 49.720.000 de téléchargements. [EXCLUSIF]

Après avoir installé et activé le plugin, accédez à l’interface de gestion des menus depuis votre tableau de bord, ce qui revient à accéder à l’interface « Apparence >> Menus ».

Vous remarquerez sur chaque menu de nouvelles options qui vous permettent d’ajouter une image, mais également d’ajouter une image au survol.

presentation-des-fonctionnalites-menu-image

Le plugin a ajouté 4 nouveaux champs, qui vous permettent notamment :

  • D’ajouter une image « Set image »
  • D’ajouter une image au survol « Set image on hover »
  • De choisir les dimensions des icônes
  • De choisir la position du titre par rapport à l’image (avant, après ou tout simplement masquer ce dernier).

Remarque : vous devez vous assurez de choisir des images avec de petites dimensions. Vous pouvez désormais consulter votre blog, question de voir comment le plugin fonctionne.

Créez Facilement votre Boutique en ligne

Téléchargez gratuitement WooCommerce, le meilleurs plugins e-commerce pour vendre vos produits physiques et numériques sur WordPress. [Recommandé]

menu-icon-demo

C’est tout pour ce tutoriel WordPress sur l’ajout d’icônes sur le menu de votre blog. N’hésitez pas à partager l’article avec vos amis sur vos réseaux sociaux préférés.

Cet article comporte 6 commentaires
  1. Bonjour,
    J’ai réussis à télécharger le plungin correctement, j’ai chargé un logo, je le vois apparaître, mais ensuite il n’apparait pas sur mon site!
    Je veux mettre une icone d’email dans le menu de réseaux sociaux, pour avoir un accès direct à la page de contact. J’ai rentré ma page facebook et instagram et les logos sont apparus tout seul (cela doit être prévu dans le thème) mais par contre je n’y arrive pas avec un autre lien!
    Quelqu’un a une idée? quelle taille d’image faut-il charger?
    et quelle taille d’iamge faut-il choisir dans ‘image size’? (je les ai deja toutes essayées!!)
    Merci pour votre aide! 🙂

    1. Bonjour Silvène,

      Désolé pour la réponse très tardive. En fait, comme tu as pu le constater, tout dépend du thème que tu utilises. S’il permet tout ce que tu essaye de faire, alors ce sera facile, dans le cas contraire, il faudra utiliser un peu de css.

  2. Bonjour,
    J’ai aussi cherché cette fonctionnalité et l’extension est à nouveau disponible. Et même en français (ce qui n’était apparemment pas le cas si j’en crois les captures)
    En tout cas, l’extension fait bien le boulot.
    Bonne découverte.

    1. bonjour,
      ce que vous devez savoir est que les plug-ins évoluent c’est le cas de leur traductions. un plugin qui n’était pas gratuit il y un mois peut l’être maintenant.

  3. A l’air trés bien mais impossible à trouver (avec le mot clef ‘Menu Image’ : trop d’extension porte le meme nom. Il faudrait le nom de l’auteur ou le tag.

    Merci

Laisser un commentaire

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

Ce site utilise Akismet pour réduire les indésirables. En savoir plus sur comment les données de vos commentaires sont utilisées.

Back To Top
4 Partages
Partagez3
Tweetez
Enregistrer1