Améliorer son menu avec Méga Menus

Publié le 22 août 2015

Méga menus est une extension pour WordPress permettant d’imbriquer des menus dans un menu a l’image des poupées Russes afin d’obtenir des menus « Riches ».

Qu’est ce qu’un menu Riche?

On entends par le terme « riche » le fait que le menu va être plus élaboré que les fonctionnalités de menu fournies par WordPress. Par exemple un menu permettant de trier/classer les entrées en plusieurs colonnes bien ordonnées.

Rendez-vous dans « Mega Menus » puis « ajouter un nouveau Mega menus » ou modifier si le Méga menu existe. Nous allons voir comment créer un Méga Menu.

Créer un Méga-Menu

Dans la plupart des cas, un Méga-Menu va vous permettre d’imbriquer des menus classique en tant que sous-menu. Il faut donc dans un premier temps, créer des menus classiques.

Afin de vous y retrouver le plus facilement possible, merci de respecter une règle de nommage logique telle que:

  • Mega-MenuA-Colonne1
  • Mega-MenuA-Colonne2

Puis

  • Mega-MenuB-Colonne1
  • Mega-MenuB-Colonne2

Dans Mega menu créer un « Mega menu » en assemblant les x menus classiques Là aussi il faut utiliser un libellé normé :

  • Mega-menuA
  • Mega-menuB

 

megamenu

Un Méga menu accepte 4 types de contenus:

  • megamenu-menu Va vous permettre d’ajouter des menus préalablement créés dans l’outil WordPress (voir plus haut)
  • megamenu-articles Va vous permettre de lister les articles de votre choix.
  • megamenu-cararticle Va vous permettre de réaliser un carrousel d’article (Cette fonctionnalité sera apportée par un développement spécifique sur le lot 3.)
  • megamenu-code Va vous permettre de saisir du texte libre ou du code HTML qui sera afficher dans votre menu.

Le placement de ces blocs de menus, se font par simple glissé/déposé.
Les options de chacune des possibilités sont assez facile a comprendre. Seule l’option de disposition est plus « complexe » (parceque y’a des chiffres!)
megamenu-dispo Au plus vous pourrez créer 4 colonnes ou bien « jouer » avec des ratios d’espace  (1/4, 1/4, 1/2 par ex).
Une fois créé, rendez vous dans « Apparence / Menus » pour mettre en ligne votre Méga Menu ou l’affecter le à une rubrique spécifique.
On ne peut placer le Méga Menu que dans la zone principale et en sous-élément d’une entrée de menu classique:
megamenu-add