Objectif
Le présent article va vous expliquer comment créer ou modifier un menu dans Divi.
Pré-requis
Une base WordPress installée avec un thème-enfant de Divi.
Les menus dans Divi
Le framework Divi vous permet de créer et de placer des menus à peu près n’importe où sur votre site :
Comment créer votre premier menu ?
Comment modifier vos menus ?
Sélectionnez « Apparence » puis « Menu » dans le menu latéral gauche de votre interface WordPress.
Dans l’onglet « Modifier les menus », choisissez le menu que vous souhaitez modifier et cliquez sur « Sélectionner ».
Dans l’espace « Pages » à gauche, choisissez la page que vous souhaitez ajouter et cliquez sur « Ajouter au menu ».
La page que vous venez d’ajouter se retrouve en dernière position dans votre menu.
En cliquant sur le petit triangle situé à droite du nom de la page, vous ouvrez une zone de paramétrage.
Dans l’espace « Titre de la navigation », vous pouvez modifier le nom sous lequel la page apparaît dans le menu.
Vous pouvez refermer l’espace de paramétrage et faire glisser la page au sein du menu pour la placer dans l’ordre d’affichage souhaité.
Pour terminer, il faut enregistrer votre menu pour sauvegarder vos modifications.
Votre nouvelle page se retrouve bien à l’emplacement souhaité dans le menu concerné…
Comment créer un sous-menu ?
Commencez par sélectionner le menu sur lequel vous souhaitez intervenir.
Vous souhaitez créer un sous-menu à partir d’une page existante ou d’une nouvelle page, soit par exemple ici la page « Contact » que l’on veut placer sous l’item « Lexique ».
Il suffit de décaler sur la droite la page qui sera placée en sous-menu de la page qui est placée au-dessus d’elle.
Enregistrez la modification.
Vous voyez alors apparaître une petite flèche à droite de l’item supérieur (ici « Lexique »).
En survolant l’item supérieur, le menu se déroule pour faire apparaître les items du sous-menu (ici « Contact »).
Pour aller plus loin…
Le blog d’Elegant Themes, l’éditeur de Divi, nous fournit nombre d’articles complémentaires (en anglais) sur l’utilisation des menus dans Divi :
https://www.elegantthemes.com/gallery/divi/documentation/fullwidth-menu/
How to Make the Background Color of the Divi Menu Different on Every Page
Cet article vous a-t-il été utile ?
N’hésitez-pas à nous faire part de vos expériences et des difficultés que vous pouvez encore rencontrer, de manière à ce que nous puissions affiner et compléter ce support…