Want to make creations as awesome as this one?

Autres caractéristiques Chapitre 6

Transcript

AUTRES CARACTÉRISTIQUES

CHAPITRE 6 : CRÉATION DE MÉGA MENUS EN DIVI

MODULE 9

CRÉATION DE MÉGA MENUS EN DIVI

http://bit.ly/2r4VhUF

Divi Layout GRATUIT pour un hôtel

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 en même temps sans avoir à faire défiler, survoler et se souvenir du contenu de votre menu. Une bonne façon 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 les liens parents principaux dans votre barre de navigation, un méga menu vous permet d'avoir des liens et des sous-menus parents supplémentaires dans le menu déroulant.


Comment ajouter un Mega Menu à votre barre de navigation

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

Comment ajouter un Mega Menu à votre barre de navigation

Créez un menu avec quatre liens parent avec chacun des liens parent ayant leur propre sous-menu.

Dans l'exemple ci-dessous, j'ajoute trois sous-menus sous chacun des quatre liens de menu parents.

Comment ajouter un Mega Menu à votre barre de navigation

Créez un lien supplémentaire pour servir de lien de votre mégamenu. Pour l'exemple ci-dessous, j'appelle ce lien "Fonctionnalités".

Ensuite, faites glisser les quatre liens de menu parents (chacun avec leurs sous-menus) sous le lien Fonctionnalités.

Comment ajouter un Mega Menu à votre barre de navigation

Maintenant, pour créer votre Megamenu, vous devez ajouter une classe CSS spéciale au lien principal de niveau supérieur appelé "Features".

Vous pouvez le faire en cliquant sur le lien des options d'écran du haut de votre page et en vous assurant que l'option de la classe CSS est cochée.

Comment ajouter un Mega Menu à votre barre de navigation

Enfin, vous devez ajouter une classe css au lien "Features" que vous venez de créer.

Cliquez sur la flèche à 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 "mega-menu".

Comment ajouter un Mega Menu à votre barre de navigation

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

MERCI