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.

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.

Et pour finir on enregistre le menu…

… et on se rend sur notre site et on clique sur recette pour voir le mega-menu apparaitre.

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.

Pour aller plus loin, consultez notre article comment ajuster les dimensions et rajouter du style au méga-menu Divi ?

0 commentaires

Soumettre un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *