Comment ajouter un menu déroulant dans WordPress – Guide du débutant

Publié: 2021-12-09

L'ajout de menus déroulants dans WordPress est un moyen pratique d'afficher la liste des éléments sur votre site. Ils donnent à votre site une apparence organisée, donnent une touche technique à l'apparence générale et rendent votre site Web hautement navigable pour les utilisateurs.

La meilleure partie – cela ne prend que quelques minutes pour apprendre à ajouter des menus déroulants dans WordPress.

N'est-ce pas excitant ?

Dans ce petit guide du débutant, nous expliquerons ce que sont les menus déroulants, comment ils fonctionnent et comment vous pouvez créer un menu déroulant pour votre site Web. Pour finir, vous apprendrez également à modifier les menus déroulants en fonction de vos besoins.

Alors, sans plus tarder, apprenons.

Table des matières

  • Qu'est-ce qu'un menu déroulant dans WordPress ?
  • Pourquoi devriez-vous utiliser les menus déroulants dans WordPress ?
  • Comment ajouter des menus déroulants dans WordPress ?
    • Étape 1 : Création d'un menu WordPress
    • Étape 2 : Ajouter des éléments au menu que vous avez créé
    • Étape 3 : Création de menus déroulants en organisant des sous-éléments
    • Étape 4 : Publication de votre nouveau menu déroulant
  • Comment modifier le menu déroulant dans WordPress
    • 1. Suppression d'un sous-élément du menu déroulant
    • 2. Réorganiser les articles
    • 3. Suppression du menu déroulant
  • Quelques conseils utiles pour créer un menu déroulant interactif
    • 1. Création de menus déroulants à plusieurs niveaux
    • 2. Créer plusieurs menus déroulants
    • 3. Création de menus avec aperçu en direct
    • 4. Créer un grand méga menu déroulant
  • Emballer

Qu'est-ce qu'un menu déroulant dans WordPress ?

Un menu déroulant est essentiellement une partie du système de gestion de menu qui ajoute des liens vers les menus de navigation. Si vous ne connaissez pas les menus de navigation, ce sont les liens vers les pages principales de votre site Web. Ils sont généralement situés en haut de la page, comme dans l'exemple ci-dessous :

exemple de menu de navigation

Étant donné que l'ajout de plusieurs liens dans les menus de navigation peut sembler désordonné et encombré, les menus déroulants aident à organiser les choses avec soin. Vous pouvez ajouter plusieurs liens au menu de navigation et montrer à vos visiteurs ce que vous proposez à l'aide des menus déroulants. Les visiteurs verront le lien du menu lorsqu'ils survoleront le menu principal, comme dans l'exemple suivant :

exemple de menus déroulants

Ainsi, comme vous pouvez le voir, l'ajout de menus déroulants vous permet d'économiser le problème d'espace limité et de donner un aspect organisé à votre site Web WordPress.

Pourquoi devriez-vous utiliser les menus déroulants dans WordPress ?

Si vous avez un tout nouveau site WordPress et que vous débutez avec un nouveau blog, vous n'avez peut-être pas beaucoup de pages Web. Mais à mesure que votre site se développe, vous commencez à ajouter plusieurs contenus et produits. Ensuite, vous devez ajouter plus de menus à votre site Web pour une meilleure expérience de navigation.

Cependant, trop de menus alignés semblent désordonnés et peu professionnels. De plus, vous ne pouvez pas manquer de les inclure également. C'est là que vous avez besoin des menus déroulants.

Les menus déroulants vous aideront à ajouter les éléments sans encombrer les menus de navigation. Ils vous permettent d'utiliser efficacement l'espace limité.

Voici les principales raisons d'utiliser les menus déroulants dans WordPress :

  • Ils vous permettent d'organiser soigneusement les éléments dans le menu de navigation.
  • Vous pouvez utiliser efficacement l'espace.
  • Les menus déroulants rendent votre site plus détaillé et professionnel.
  • Vous pouvez organiser les menus en fonction de la hiérarchie des rubriques.
  • Il rend votre site Web hautement navigable et améliore l'expérience de navigation.

Comment ajouter des menus déroulants dans WordPress ?

Créer et ajouter des menus déroulants est facile. En quelques clics ici et là dans WordPress, vous pouvez le faire en quelques minutes seulement. Voici les étapes :

Étape 1 : Création d'un menu WordPress

Tout d'abord, vous devez créer le menu pour l'ajouter à vos menus de navigation. Voici comment faire:

  • Connectez-vous à votre tableau de bord WordPress.
  • Allez dans "Apparence" et cliquez sur l'option "Menus" .
Aller au menu
  • Vous verrez un lien « Créer un nouveau menu » en haut. Clique dessus.
créer une nouvelle option de menu dans WordPress
  • Entrez le nom du menu dans le champ indiqué et cliquez sur le bouton "Créer un menu" ci-dessous.
ajouter un nom de menu et créer un nouveau menu

Après cela, WordPress crée un nouveau menu pour vous. Cependant, c'est un menu vide. Vous devez encore ajouter des éléments à votre menu. Pour cela, passons à la deuxième étape.

Étape 2 : Ajouter des éléments au menu que vous avez créé

Après avoir créé un nouveau menu, vous devez maintenant y ajouter des éléments. Les éléments de menu sont simplement des liens vers diverses pages ou sections de votre site Web. Ces liens facilitent la navigation des visiteurs sur votre site. Voici comment ajouter des éléments au menu :

  • Sur le côté gauche, vous verrez une section intitulée "Ajouter des éléments de menu". Dans cette section, vous verrez une liste de pages que vous pouvez ajouter au menu.
  • Sélectionnez les pages que vous souhaitez ajouter au menu que vous avez créé.
  • Après cela, cliquez sur le bouton "Ajouter au menu" ci-dessous.
ajouter des pages au menu dans WordPress
  • Vous verrez apparaître les pages que vous avez sélectionnées dans la section « Structure du menu » .
  • Vous pouvez également ajouter des publications, des pages de destination, des liens personnalisés et d'autres options à votre menu. Au lieu des "Pages", développez la section correspondante à partir de la section "Ajouter des éléments de menu" . Ensuite, ajoutez-le à votre menu comme vous l'avez fait précédemment.
divers éléments que vous pouvez ajouter au menu dans WordPress
  • Cliquez sur le bouton "Enregistrer le menu" en bas une fois que vous avez terminé.

Étape 3 : Création de menus déroulants en organisant des sous-éléments

Après avoir ajouté les pages/publications/liens personnalisés à la "Structure du menu", vous devez en faire une liste déroulante. Sinon, tous ces éléments apparaîtront comme des éléments normaux dans le menu de navigation. Vous pouvez créer un menu déroulant en utilisant la structure parent-enfant.

L'élément parent est l'élément d'en-tête principal qui hébergera les sous-éléments. De même, les éléments enfants sont les liens qui apparaissent une fois que l'utilisateur survole l'élément parent. Voici comment procéder :

  • Cliquez sur l'élément que vous souhaitez définir comme élément enfant.
  • Faites-le maintenant glisser sous l'élément que vous souhaitez définir comme parent. Cependant, assurez-vous de déposer légèrement l'élément enfant vers la droite.
création d'un élément parent et d'un élément enfant dans WordPress
  • WordPress attribue la balise "sous-élément" à l'élément enfant que vous venez de créer. Vous pouvez ajouter autant de sous-éléments que vous le souhaitez sur l'élément parent respectif. Une fois que vous avez terminé, cliquez sur le bouton "Enregistrer le menu" ci-dessous.

Étape 4 : Publication de votre nouveau menu déroulant

Même après avoir créé le menu déroulant dans "Structure du menu", il n'apparaîtra toujours pas sur votre site Web. C'est parce que vous avez seulement créé le menu et que vous ne l'avez pas encore publié. Ainsi, vous devez le publier.

Voici comment procéder :

  • Après avoir ajouté tous les éléments du menu, faites défiler vers le bas. Vous pouvez trouver les paramètres du menu en bas.
  • Vous verrez un « emplacement d'affichage » , puis cliquez sur le « menu principal ».
  • Cliquez sur le bouton "Enregistrer les modifications" ci-dessous.
  • Le menu déroulant apparaît maintenant sur votre site.
Publication de votre nouveau menu déroulant

Comment modifier le menu déroulant dans WordPress

Vous avez appris à ajouter des menus déroulants dans WordPress. Avec le temps, vous devrez peut-être y apporter des modifications. Voici comment vous pouvez modifier le menu que vous avez créé :

1. Suppression d'un sous-élément du menu déroulant

Pour supprimer un élément du menu déroulant, procédez comme suit :

  • Allez dans Apparence > Menus sur votre WordPress
  • Assurez-vous que vous êtes sur l'onglet "Modifier les menus" .
  • Dans la "Structure du menu", cliquez sur la flèche déroulante à côté de l'élément que vous souhaitez supprimer.
  • Cliquez sur le lien "Supprimer" .
  • Enregistrez les modifications.

2. Réorganiser les articles

Si vous devez réorganiser l'ordre des éléments du menu, procédez comme suit :

  • Tout d'abord, faites glisser l'élément pour le positionner où vous le souhaitez depuis l'éditeur de menu.
  • Déposez simplement l'article. Enregistrez les modifications une fois que vous êtes satisfait.
faites glisser et déposez le menu pour réorganiser

3. Suppression du menu déroulant

Si vous souhaitez supprimer tout le menu :

  • Sélectionnez le menu que vous souhaitez supprimer de WordPress.
  • Vous verrez une option "Supprimer le menu" en bas. Clique dessus.
suppression d'un menu

Aussi simple que cela!

Quelques conseils utiles pour créer un menu déroulant interactif

Les menus de navigation sont des fonctionnalités conviviales à avoir sur votre site. Les utilisateurs peuvent facilement trouver ce qu'ils recherchent sans perdre de temps. Ainsi, l'utilisation correcte des menus de navigation sur votre site aidera les lecteurs à s'y retrouver.

Voici quelques conseils pour créer des menus déroulants interactifs et structurés pour votre site Web :

1. Création de menus déroulants à plusieurs niveaux

Vous pouvez également ajouter un élément sous un autre sous-élément pour créer des menus déroulants à plusieurs niveaux. De tels menus se trouvent couramment sur les sites Web de commerce électronique ou sur les sites Web comportant de nombreuses pages.

Création de menus déroulants à plusieurs niveaux

2. Créer plusieurs menus déroulants

Vous pouvez créer plusieurs menus déroulants dans votre barre de menu principale pour relier différentes pages de votre site.

plusieurs menus déroulants

3. Création de menus avec aperçu en direct

De nombreux thèmes WordPress proposent un personnalisateur qui donne un aperçu en direct lors de la personnalisation du thème. La création des menus de votre site avec un aperçu en direct vous donnera une idée précise de son apparence sur le front-end.

  • Accédez à l'option Apparence > Personnaliser sur votre tableau de bord WordPress pour accéder au personnalisateur.
Personnaliser le réglage
  • Vous verrez l'option Menus sur le personnalisateur. L'emplacement de cette option peut varier selon le thème que vous utilisez.
Option de menus sur le personnalisateur
  • Ici, vous trouverez la possibilité de créer un nouveau menu ou de faire glisser les menus pour le rendre principal, secondaire ou tertiaire. L'ajout, la suppression et l'ordre des éléments de menu sont les mêmes que ceux expliqués dans les étapes ci-dessus.

4. Créer un grand méga menu déroulant

Les menus déroulants généraux n'affichent qu'un nombre limité de sous-menus. Cependant, vous pouvez également afficher la structure complète de votre site lorsque les utilisateurs survolent le menu principal. Voici les étapes :

  • Tout d'abord, vous devez télécharger et installer celui du plugin Mega Menu de wordpress.org. Ensuite, activez le plugin.
  • Accédez à l'option de configuration du plugin et apportez les modifications nécessaires.

Emballer

Vous voyez, cela ne prend que quelques clics et quelques minutes pour ajouter un menu déroulant dans WordPress. Cependant, le nombre et l'emplacement des menus que vous pouvez ajouter peuvent différer d'un thème à l'autre. Assurez-vous donc de choisir celui qui convient à votre site plutôt que de simplement opter pour un thème populaire.

Néanmoins, l'ajout de menus déroulants est un excellent moyen d'améliorer l'expérience de navigation de vos utilisateurs. Ils donnent à votre site une apparence bien organisée et facilitent la navigation sur votre site Web.

Nous espérons que vous avez trouvé ce guide du débutant utile. Assurez-vous d'écrire vos commentaires dans la section des commentaires ci-dessous.

Vous pouvez également vérifier comment ajouter des widgets à WordPress.