Comment créer un méga-menu avec le thème Divi ?

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.
mega menu divi

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.

méga menu divi

Ceci fait nous allons créer un méga-menu à 3 niveaux comme ci-dessous.

méga-menu divi

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.

COMMENT CRÉER UN MÉGA-MENU AVEC LE THÈME DIVI ?

Nous rajoutons la classe mega-menu dans l’onglet recette.

méga-menu divi

On enregistre ensuite le menu…

mega menu divi

… et on se rend sur notre site, on clique sur recette et on voit apparaitre notre mega-menu.

COMMENT CRÉER UN MÉGA-MENU AVEC LE THÈME DIVI ?

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.

Divi builder
Nous serions ravis de connaître votre avis

Laisser un commentaire

error: Contenu protégé - DMCA
globalwordpress
Reset Password
Compare items
  • Total (0)
Compare