Créer des menus déroulants

Un menu déroulant, ou sous-menu, affiche des éléments supplémentaires lorsque vous passez la souris ou cliquez sur un élément de votre menu. Cela peut être très utile pour garder votre menu épuré et organisé. Ce guide vous explique comment créer un menu déroulant.

Dans ce guide

1. Créer un menu déroulant
2. Ajouter un élément de menu sans lien

Créer un menu déroulant

Procédez comme suit pour créer un menu déroulant.

📌

Pour savoir quelle section de ce guide suivre, rendez-vous sur votre tableau de bord et consultez la section Apparence sur le côté gauche. Si Éditeur s’affiche, utilisez la section Éditeur de site de ce guide. Sinon, utilisez les instructions du tableau de bord ou de l’outil de personnalisation.

Sélectionnez l’onglet correspondant à votre interface de design :

Éditeur de siteWP-AdminOutil de personnalisation

Dans l’éditeur de site, votre menu provient du bloc Navigation. Pour créer un menu déroulant, procédez comme suit :

1. Depuis votre tableau de bord, accédez à Apparence → Éditeur.
2. Cliquez sur le côté droit de l’écran pour ouvrir la zone d’édition.
   • Vous pouvez également sélectionner Compositions et choisir l’en-tête ou un autre élément de modèle contenant votre menu.
3. Ouvrez la Vue en liste dans le coin supérieur gauche de votre écran (il s’agit de l’icône qui ressemble à trois lignes horizontales superposées).
4. Sélectionnez le bloc Navigation (qui peut être imbriqué dans d’autres blocs comme En-tête, Groupe et Ligne).
5. Dans les réglages de la colonne latérale à droite, passez la souris sur un élément de menu et cliquez sur les trois points qui apparaissent.
   • Si vous ne voyez pas la colonne latérale sur la droite, vous pouvez accéder aux réglages en cliquant sur l’icône Réglages dans le coin supérieur droit. Cette icône ressemble à un carré avec deux colonnes de largeurs différentes.
6. Cliquez sur le lien Ajouter un sous-menu.
7. Sélectionnez la première page à afficher dans le menu déroulant.
8. Répétez l’opération jusqu’à ce que vous ayez ajouté tous les éléments de menu.
9. Cliquez sur Enregistrer pour enregistrer vos modifications.

Ralentissez ou accélérez la vidéo à l’aide des commandes situées dans le coin inférieur droit après avoir cliqué sur le bouton de lecture

Vous pouvez également créer un menu déroulant à l’aide de la barre d’outils du bloc Navigation :

1. Cliquez sur l’élément de menu que vous souhaitez transformer en menu déroulant.
2. Une barre d’outils s’affiche au-dessus de l’élément de menu, où vous trouverez le bouton Ajouter un sous-menu (l’icône ressemble à une flèche incurvée avec trois lignes horizontales à côté).
3. Cliquez sur le bouton Ajouter un sous-menu dans la barre d’outils pour transformer cet élément de menu en un menu déroulant.
4. Cliquez sur l’icône + ou sur l’option Ajouter un lien qui s’affiche pour ajouter de nouveaux liens à votre nouveau menu déroulant.
5. Cliquez sur Enregistrer pour enregistrer vos modifications.

Ralentissez ou accélérez la vidéo à l’aide des commandes situées dans le coin inférieur droit après avoir cliqué sur le bouton de lecture

Sur les sites utilisant des thèmes classiques, vous pouvez ajouter des menus déroulants à l’aide de WP Admin en suivant ces étapes :

1. Accédez à votre tableau de bord.
2. Accédez à Apparence → Menus.
3. Assurez-vous que le menu correct est sélectionné en haut de l’écran.
4. Cliquez sur un élément de menu et faites-le glisser vers la droite pour l’« imbriquer » sous l’élément juste au-dessus.
5. Cliquer sur le bouton « Enregistrer le menu » pour enregistrer vos modifications.

Vous pouvez annuler cette action en déplaçant les éléments vers la gauche. Cliquez sur Enregistrer le menu lorsque vous avez terminé.

Sur les sites utilisant des thèmes classiques, vous pouvez créer des menus déroulants à l’aide de l’outil de personnalisation en suivant ces étapes :

1. Ajoutez tous les éléments de menu que vous souhaitez avoir dans le menu de votre site.
2. Cliquez sur le lien « Réorganiser » qui apparaît sous vos éléments de menu.
3. Cliquez sur la flèche droite > pour imbriquer une page sous celle au-dessus, ce qui crée un menu déroulant.
4. Une fois que vous êtes satisfait(e) de votre menu déroulant, cliquez sur « Terminé ».
5. Cliquez sur le bouton « Enregistrer les modifications » pour publier vos modifications sur le site.

Didacticiel vidéo

Ajouter un élément de menu sans lien

Vous pouvez créer un élément de menu « non cliquable », ce qui est utile lors de la création de menus déroulants. L’astuce consiste à utiliser un symbole # comme lien de l’élément de menu. Il est toujours possible de cliquer sur l’élément, mais il ne redirigera pas vers une nouvelle page. Procédez comme suit pour créer un élément de menu « non cliquable ».

📌

Pour savoir quelle section de ce guide suivre, rendez-vous sur votre tableau de bord et consultez la section Apparence sur le côté gauche. Si Éditeur s’affiche, utilisez la section Éditeur de site de ce guide. Sinon, utilisez les instructions du tableau de bord ou de l’outil de personnalisation.

Sélectionnez l’onglet correspondant à votre interface de design :

Éditeur de siteWP-AdminOutil de personnalisation

Dans l’éditeur de site, votre menu provient du bloc Navigation. Procédez comme suit pour créer un élément de menu non cliquable :

1. Depuis votre tableau de bord, accédez à Apparence → Éditeur.
2. Sélectionnez le modèle contenant le menu à modifier.
3. Ouvrez la Vue en liste dans le coin supérieur gauche de votre écran (il s’agit de l’icône qui ressemble à trois lignes horizontales superposées).
4. Accédez au bloc Navigation (qui peut être imbriqué dans d’autres blocs comme En-tête, Groupe et Ligne).
5. Cliquez sur l’élément de menu que vous souhaitez transformer en lien non cliquable ou ajoutez un élément de menu.
6. Une barre d’outils apparaît au-dessus de l’élément de menu. Vous y trouvez le bouton Lien (l’icône ressemble à un maillon d’une chaîne).
7. Modifiez le lien en cliquant sur l’icône en forme de crayon.
8. Dans le champ URL, placez uniquement le symbole #, comme dans l’image de droite.
9. Appuyez sur Entrée/Retour sur votre clavier pour envoyer la modification.

Le GIF ci-dessous illustre la procédure :

Pour créer un élément de menu sans lien, ajoutez le symbole # dans le champ « URL ».

Sur les sites utilisant des thèmes classiques, vous pouvez ajouter un lien non cliquable à votre menu à l’aide de WP Admin en suivant ces étapes :

1. Accédez à Apparence → Menus.
2. Choisissez votre menu.
3. Cliquez sur la section « Liens personnalisés » sous l’en-tête « Ajouter des éléments de menu ».
4. Dans le champ URL, saisissez le symbole #, comme indiqué sur l’image à droite.
5. Dans le champ Texte du lien, entrez le texte que vous souhaitez voir apparaître dans votre menu, comme indiqué sur l’image à droite.
6. Cliquez sur le bouton « Ajouter au menu ».
7. Cliquez ensuite sur le bouton « Enregistrer le menu ».

Sur les sites utilisant des thèmes classiques, vous pouvez ajouter un lien non cliquable à votre menu à l’aide de l’outil de personnalisation en suivant ces étapes :

1. Accédez à Apparence → Personnaliser → Menus.
2. Choisissez votre menu.
3. Cliquez sur le bouton « Ajouter des éléments ».
4. Cliquez sur l’option Liens personnalisés.
5. Dans le champ URL, saisissez le symbole #, comme indiqué sur l’image à droite.
6. Dans le champ Texte du lien, entrez le texte que vous souhaitez voir apparaître dans votre menu, comme indiqué sur l’image à droite.
7. Cliquez sur le bouton « Ajouter au menu ».
8. Cliquez sur le bouton « Enregistrer les modifications ».