Créer un Mega-Menu avec Max

Publié le 18 avril 2017

Max Mega menu est l’extension retenue pour remplacer l’extension initiale de création de menus riches.

Tout d’abord, il faut activer Max Mega Menu dans la liste des extensions:

capture_107

Une fois activé, vous allez retrouver une nouvelle entrée dans la barre de gauche de WordPress: « Mega Menu »

Vous allez pouvoir paramétrer:

  • le comportement par défaut de vos mega menu
  • le design par défaut des différents éléments du mega menu
  • Créer de nouveaux emplacements de menu (par shortcode) qui accepteront des Megas menus.
  • Des fonctions d’exports/imports pour effectuer des sauvegardes*

Il faut d’abord créer un emplacement de menu : par ce menu Mega Menu / Emplacement de menu : cliquer sur le bouton « Add another menu location » et donner un nom au nouvel emplacement.

Pour créer un menu, nous nous rendons dans « apparence /  menu ». Créer le menu puis lier votre menu à l’emplacement de menu créé précédemment : vous avez alors de nouveaux paramètres qui apparaissent dans la liste de gauche ainsi qu’au survol de la souris:

max

Il faudra bien sur cocher la case « activer » pour activer les menus riches, ensuite ce sont des paramètres de design spécifique pour ce menu. Enregistrer les paramètres.

Sélectionner ensuite, dans la colonne de gauche, des éléments à ajouter au menu puis enregistrer le menu. Ces éléments sont ceux qui apparaitront dans la 1re ligne de menu visible.

Lorsque l’on clique sur le bouton gris foncé « Mega menu » qui apparaît au survol de chaque élément du menu (image ci-dessus), une fenêtre en pop-up apparaît :

capture_109

Agencer votre menu riche comme vous le désirez, avec les éléments que vous voulez voir apparaître…

  • Pour afficher un sous-menu, placez un widget « Menu personnalisé » et sélectionner votre sous-menu créé dans Apparence / Menu.

Pour afficher ce menu dans une page, se rendre sur cette page et utiliser le module « Menus à afficher sur une page » : attribuer à l’emplacement de menu (ex : menu principal) le nouveau menu riche créé (ne pas tenir compte du nouvel emplacement de menu créé pour le Max mega menu).

Les derniers articles