WordPress : Max Mega Menu

image_pdf

Un méga menu va vous permettre d’organiser un menu en plusieurs colonnes, d’y ajouter du texte, des images, des icônes, des vidéos, …. de manière extensible.

Ceci est utile lorsque vous avez un menu avec de nombreuses catégories, pages (ex. pour un site e-commerce ou un site d’actualités avec une arborescence complexe).

Ex. avec le site leboncoin.fr

Attention ! Un méga menu peut ralentir le temps de chargement de votre page si vous avez de nombreux éléments à charger.

Certains thèmes permettent de l’implémenter plus facilement que d’autres : ex. le thème Ocean WP avec l’extension Ocean Extra ou le thème Astra Pro.


Sinon, il vous faudra passer par l’ajout d’une extension dédiée…

Première étape : créer un menu avec des sous-éléments.

Puis, depuis le menu Extensions > Ajouter, recherche l’extension Max Mega Menu.

Cliquez sur le bouton Installer maintenant puis Activer.

Une fois fait, l’extension est accessible depuis le menu Méga Menu du tableau de bord WordPress.

Vous pourrez définir l’emplacement de menu (variable selon le thème sélectionné).

Il vous faudra activer l’affichage du méga menu en cochant la case Activé et définir…

  • l’événement déclencheur de l’apparition du méga menu parmi ces options : au clic, au survol, etc.
  • les effets d’animation,
  • sa vitesse

La section Thèmes de menu permettra de gérer le design du méga menu.

Ex. modification de la couleur de fond du panneau, choix de la police d’écriture, …

Depuis le menu Apparence > Menus, en cliquant sur Mega Menu au niveau de chaque item de menu, vous pourrez gérer finement les éléments de votre menu (ex. disposition en colonnes, ajout d’une icône, ….).

Avec deux colonnes de 50 % ( = 6/12) + 50 % ( = 6/12) de largeur…

Pour ce type de rendu…

Par défaut, le menu affiche les intitulés et descriptions de chaque rubrique.

L’impact sur le SEO

L’utilisation d’un méga menu est déconseillé en termes de référencement naturel à cause de la dilution du jus de référencement.

Laisser un commentaire

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