Les menus Mega sont un excellent moyen de consolider vos éléments de menu excessifs.

Les menus Mega permettent aux utilisateurs de voir plus de liens à la fois sans les tracas du défilement, du vol stationnaire et de la mémorisation du contenu de votre menu. Un bon moyen de penser à Mega Menus est qu’ils sont des menus déroulants dans les menus déroulants. Ainsi, au lieu de votre menu déroulant normal qui affiche un sous-menu lorsque vous survolez vos liens parent principaux dans votre barre de navigation, un mégamenu vous permet d’avoir des liens et sous-menus parents supplémentaires dans le menu déroulant.

Comment ajouter un menu Mega à votre barre de navigation

Connectez-vous à votre tableau de bord WordPress et allez dans Apparences> Menus .

megamenu-1-300x256

Créez un menu avec quatre liens parents avec chacun des liens parents ayant leurs propres liens de sous-menu. Dans l’exemple ci-dessous, j’ajoute trois éléments de sous-menu sous chacun des quatre liens du menu parent.

create-menu-768x1183

Créez un lien supplémentaire pour servir de lien méga menu. Pour l’exemple ci-dessous, j’appelle ce lien « Caractéristiques ». Faites ensuite glisser les quatre liens du menu parent (chacun avec leurs liens de sous-menu) sous le lien Fonctions.

features-link-added

Maintenant, afin de créer votre Megamenu, vous devez ajouter une classe CSS spéciale au lien principal de niveau supérieur appelé « Caractéristiques ». Vous pouvez le faire en cliquant sur le lien des options de l’écran en haut de votre page et en vous assurant que l’option de classe CSS est cochée.

mega-menu-class

Enfin, vous devez ajouter une classe CSS au lien « Caractéristiques » que vous venez de créer. Cliquez sur la flèche sur la droite de l’élément de menu « Caractéristiques » pour basculer les options de configuration supplémentaires. Trouvez la zone de texte intitulée Classes CSS et entrez la classe « méga-menu ».

 

mega-menu-image-768x394

Maintenant, lorsque vous rechargez votre page, vous pouvez voir que tous les menus précédents ont été placés dans le menu géant sous ce lien, le menu Mega.