La facilité de navigation sur votre site dépend en grande partie de son menu de navigation, c’est donc un facteur à ne surtout pas négliger.
Lorsque le nombre d’articles devient trop important un méga-menu va offrir à vos visiteurs un plus grand nombre d’information d’un coup, il n’aura pas besoin de se perdre dans les méandres d’un menu devenu trop complexe.
Nous allons voir en détail la procédure pour créer un méga-menu avec votre thème Divi.
Création d'un Mega Menu avec divi
Pour commencer allez sur le tableau de bord de WordPress -> apparence -> menu.
Ensuite soit vous adaptez votre menu existant soit vous en créez un nouveau.
Pour notre exemple nous allons en créer un nouveau que l’on appellera méga-menu tuto.
Ceci fait nous allons créer un méga-menu à 3 niveaux comme ci-dessous.
La structure du menu terminée, nous allons ajouter une classe css à notre lien de niveau 1, dans notre exemple c’est le lien recette.
Pour rajouter cette classe css nous allons d’abord nous assurer que les propriétés avancées du menu sont bien affichées dans les paramètres « option de l’écran » et que la case classes CSS est bien cochée.
Nous rajoutons la classe mega-menu dans l’onglet recette.
On enregistre ensuite le menu…
… et on se rend sur notre site, on clique sur recette et on voit apparaitre notre mega-menu.
Vous pouvez bien sur rajouter d’autres liens à 3 niveaux ainsi que des liens classiques sans la classe mega-menu, voir l’exemple ci-dessous.
