La navigation sur un site web doit être une expérience transparente qui encourage les utilisateurs à rester plus longtemps sur le site et à l’explorer davantage. Grâce à cette expérience transparente, vous serez en mesure de convertir les visiteurs en clients, ce qui peut avoir un impact considérable sur le succès de votre site web.
Dans ce guide, nous vous guiderons pas à pas dans l’ajout d’un menu de navigation WordPress à votre site. Nous expliquerons pourquoi le fait de faciliter la navigation des visiteurs dans votre contenu et de leur permettre de trouver ce qu’ils recherchent peut faire une grande différence dans leur expérience globale.
Commençons par développer un menu de navigation efficace et esthétique pour votre site web WordPress.
Qu’est-ce qu’un menu de navigation ?
Un menu de navigation est une section qui permet de naviguer facilement à travers ses différentes parties ou pages. Les pages principales telles que Accueil, À propos, Services, Blog et Contact, ainsi que les menus déroulants pour d’autres sélections ou sous-catégories sont ce que l’on trouve généralement dans un menu de navigation. Les menus de navigation se trouvent souvent dans l’en-tête, la barre latérale ou le pied de page d’un site web.
L’objectif principal d’un menu de navigation est de donner aux consommateurs une méthode facile pour localiser et accéder au matériel dont ils ont besoin. Cela améliore l’expérience de l’utilisateur et lui permet de naviguer plus facilement sur le site web.
Comment créer votre premier menu de navigation personnalisé
La création d’un menu de navigation personnalisé dans WordPress est un processus simple qui vous permet d’améliorer l’expérience utilisateur de votre site web en organisant votre contenu et en le rendant facilement accessible. Suivez ces étapes pour créer votre premier menu de navigation personnalisé :
Étape 1 : Accédez à votre tableau de bord WordPress
Connectez-vous à votre zone d’administration WordPress en vous rendant sur yourwebsite.com/wp-admin et en saisissant vos identifiants.
Étape 2 : Naviguer vers la section Menus
Dans votre tableau de bord WordPress, allez dans Apparence > Menus.
Étape 3 : Créer un nouveau menu
Cliquez sur le lien Créer un nouveau menu en haut de la page. Donnez un nom à votre menu, par exemple « Menu principal » ou « Menu d’en-tête », et cliquez sur le bouton Créer un menu.
Étape 4 : Ajouter des éléments à votre menu
Sur le côté gauche de la page Menus, vous verrez des sections pour les « Pages », les « Articles », les « Liens personnalisés » et les « Catégories ». Développez la section à laquelle vous souhaitez ajouter des éléments en cliquant sur la flèche située à côté du titre. Sélectionnez les éléments que vous souhaitez ajouter à votre menu en cochant les cases situées à côté de leur nom, puis cliquez sur le bouton Ajouter au menu.
Étape 5 : Organiser les éléments du menu
Une fois que vous avez ajouté des éléments à votre menu, vous pouvez les organiser en les faisant glisser et en les déposant dans l’ordre souhaité. Vous pouvez également créer des sous-éléments en faisant glisser un élément légèrement vers la droite sous un autre élément, ce qui créera un menu déroulant.
Étape 6 : Définir l’emplacement de l’écran
Dans la section Paramètres du menu , au bas de la page, sélectionnez l’emplacement où vous souhaitez que votre menu de navigation personnalisé apparaisse. Les emplacements les plus courants sont « Menu principal », « Menu d’en-tête » ou « Menu de pied de page ». Cela dépend des emplacements de menu disponibles dans votre thème.
Étape 7 : Sauvegarder votre menu
Cliquez sur le bouton Enregistrer le menu pour enregistrer votre menu de navigation personnalisé.
Étape 8 : Prévisualisation du menu
Visitez votre site web pour voir votre nouveau menu de navigation personnalisé en action. Si nécessaire, vous pouvez toujours revenir à la page Menu et ajuster les éléments du menu ou leur ordre.
Comment créer des menus déroulants dans WordPress
Voici un guide étape par étape sur la façon de créer des menus déroulants dans WordPress :
Étape 1: Connectez-vous au tableau de bord de WordPress.
Étape 2: Naviguez vers Apparence > Menus dans la barre latérale gauche.
Étape 3 : Si vous n’avez pas encore créé de menu, cliquez sur le lien « Créer un nouveau menu » et saisissez un nom pour votre menu. Cliquez ensuite sur le bouton Créer un menu.
Étape 4: pour ajouter des éléments à votre menu, recherchez la section Ajouter des éléments de menu sur le côté gauche de l’écran. Vous pouvez ajouter des pages, des articles, des liens personnalisés ou des catégories à votre menu en cochant les cases situées à côté des éléments et en cliquant sur le bouton Ajouter au menu.
Étape 5 : Une fois les éléments ajoutés à votre menu, vous pouvez les organiser en les faisant glisser et en les déposant dans l’ordre souhaité.
Étape 6 : pour créer un menu déroulant, il suffit de faire glisser un élément de menu légèrement vers la droite, sous l’élément parent. L’élément en retrait devient alors un sous-élément de l’élément parent, créant ainsi un menu déroulant.
Étape 7 : Vous pouvez créer plusieurs niveaux de menus déroulants en répétant ce processus, en faisant glisser les éléments vers la droite si nécessaire.
Étape 8 : après avoir organisé les éléments de votre menu et créé les menus déroulants, veillez à sélectionner l’emplacement d’affichage souhaité pour le menu (par exemple, le menu principal ou le menu de bas de page) dans la section Paramètres du menu.
Étape 9 : Cliquez sur le bouton Enregistrer le menu pour enregistrer vos modifications.
Étape 10: Visitez votre site web pour voir les menus déroulants nouvellement créés en action.
Note: N’oubliez pas que l’apparence des menus déroulants peut varier en fonction du style de votre thème. Certains thèmes peuvent également prendre en charge des fonctions de menu supplémentaires, telles que l’ajout d’icônes ou d’images aux éléments de menu.
Comment ajouter des catégories aux menus de WordPress
Étape 1 : Créer une catégorie
Avant d’ajouter une catégorie à votre menu, vous devez en créer une. Allez dans votre tableau de bord WordPress, naviguez vers Posts > Categories, et créez une nouvelle catégorie en remplissant les informations requises, telles que le nom, le slug et la description. Cliquez sur Ajouter une nouvelle catégorie pour l’enregistrer.
Étape 2 : Accéder à l’écran des menus
Dans votre tableau de bord WordPress, survolez Appearance et cliquez sur Menus pour accéder à l’écran Menus.
Étape 3 Sélectionner un menu à modifier
Si vous avez plusieurs menus, choisissez celui que vous souhaitez modifier en le sélectionnant dans le menu déroulant Sélectionner un menu à modifier et cliquez sur Sélectionner.
Étape 4 : Ajouter la catégorie au menu
Sur le côté gauche de l’écran Menus, vous verrez une boîte intitulée Catégories. Cliquez sur la flèche pour la développer. Vous y trouverez une liste de toutes vos catégories. Cochez la case située à côté de la catégorie que vous souhaitez ajouter au menu et cliquez sur le bouton Ajouter au menu . La catégorie apparaît alors dans la structure du menu sur le côté droit.
Étape 5 : Classer les catégories dans le menu
Vous pouvez modifier la position de la catégorie dans le menu en cliquant dessus et en la faisant glisser à l’endroit souhaité. Vous pouvez également en faire un élément de sous-menu en la faisant glisser légèrement vers la droite sous un autre élément de menu.
Étape 6 : Enregistrer les modifications
Lorsque vous êtes satisfait de la disposition des catégories dans le menu, cliquez sur le bouton Enregistrer le menu pour enregistrer vos modifications.
Comment ajouter des liens personnalisés à vos menus de navigation WordPress
L’ajout de liens personnalisés à vos menus de navigation WordPress vous permet de créer des éléments de menu dirigeant les utilisateurs vers des sites externes ou des pages spécifiques de votre site web. Suivez les étapes suivantes pour ajouter des liens personnalisés à vos menus de navigation WordPress :
Étape 1 : Connectez-vous à votre tableau de bord WordPress
Accédez à la zone d’administration de WordPress en vous connectant avec vos identifiants.
Étape 2 : Naviguer vers la section Menus
Dans la barre latérale de gauche, survolez Appearance et cliquez sur Menus. Vous accéderez ainsi à la section d’édition des menus.
Étape 3 : Sélectionnez le menu que vous souhaitez modifier
Si vous avez plusieurs menus, choisissez celui auquel vous souhaitez ajouter le lien personnalisé en le sélectionnant dans le menu déroulant Sélectionner un menu à modifier. Cliquez sur Sélectionner pour charger le menu à modifier.
Étape 4 : Ajouter un lien personnalisé
Dans la partie gauche de la page Menus, repérez la section Ajouter des éléments de menu . Cliquez sur Liens personnalisés. Vous y trouverez deux champs de saisie : « URL » et « Texte du lien ».
Étape 5 : Saisir l’URL et le texte du lien
Dans le champ « URL », saisissez l’adresse web complète (y compris https://) du site externe ou la page spécifique de votre site web vers laquelle vous souhaitez établir un lien. Dans le champ « Texte du lien », saisissez le texte que vous souhaitez afficher en tant qu’élément de menu.
Étape 6 : Ajouter le lien personnalisé au menu
Cliquez sur le bouton Ajouter au menu pour insérer le lien personnalisé dans votre menu de navigation. Vous verrez maintenant le lien personnalisé dans la section Structure du menu sur le côté droit de la page.
Étape 7 : Organiser les éléments du menu
Si nécessaire, réorganisez les éléments du menu en cliquant sur le lien personnalisé et en le faisant glisser jusqu’à la position souhaitée dans la structure du menu.
Étape 8 : Enregistrer les modifications
Lorsque vous êtes satisfait de l’emplacement du lien personnalisé, cliquez sur le bouton Enregistrer le menu pour enregistrer vos modifications et mettre à jour le menu.
Comment modifier ou supprimer un élément de menu dans les menus de navigation de WordPress
La modification ou la suppression d’éléments de menu dans les menus de navigation de WordPress est un processus simple. Suivez les étapes suivantes pour modifier votre menu de navigation WordPress :
Étape 1 : Connectez-vous à votre tableau de bord WordPress
Accédez à la zone d’administration de WordPress en entrant vos identifiants de connexion.
Étape 2 : Allez dans Apparence > Menus
Dans la barre latérale gauche du tableau de bord, survolez Apparence et cliquez sur Menus. Vous accéderez ainsi à la page Menus, où vous pourrez gérer les menus de navigation de votre site.
Étape 3 : Sélectionner le menu à modifier
Si vous avez plusieurs menus, choisissez celui que vous souhaitez modifier dans le menu déroulant « Sélectionner un menu à modifier » et cliquez sur le bouton Sélectionner.
Étape 4 : Localiser l’élément de menu
Sur la page Menus, vous verrez une liste d « éléments de menu sous le menu sélectionné. Localisez l » élément de menu que vous souhaitez modifier ou supprimer.
Étape 5 : Modifier l’élément de menu
Pour modifier un élément de menu, cliquez sur la flèche vers le bas située à droite du titre de l’élément de menu. Les options de l’élément de menu se développent alors. Vous pouvez modifier l' »étiquette de navigation », qui est le texte affiché dans le menu, et l' »attribut de titre », qui est le texte de l’infobulle qui apparaît lorsque l’utilisateur survole l’élément de menu. Après avoir effectué les modifications souhaitées, cliquez sur le bouton Enregistrer le menu pour enregistrer vos modifications.
Étape 6 : Supprimer l’élément de menu
Si vous souhaitez supprimer un élément de menu, cliquez sur la flèche vers le bas située à droite du titre de l’élément de menu pour développer ses options. Cliquez ensuite sur le lien Supprimer situé en bas à gauche des options de l’élément de menu. L’élément de menu sera immédiatement supprimé du menu. Cliquez sur le bouton Enregistrer le menu pour sauvegarder vos modifications.
Comment ajouter des menus de navigation dans l’éditeur de site complet (FSE)
L « éditeur de site complet (FSE) est une fonctionnalité récente introduite dans WordPress dans le cadre du projet Gutenberg. Il permet aux utilisateurs de créer et de modifier l’ensemble de leur site web, y compris les en-têtes, les pieds de page et les barres latérales, à l’aide d’une édition basée sur des blocs. Suivez les étapes ci-dessous pour ajouter des menus de navigation dans l » éditeur de site complet (FSE).
Étape 1 : Accéder à l’éditeur de site complet
Pour commencer, accédez à votre tableau de bord WordPress et cliquez sur Apparence > Editor (beta ) pour ouvrir l’éditeur de site complet.
Étape 2 : Choisir le bon modèle
Dans le FSE, vous travaillerez avec des modèles et des parties de modèles pour construire votre site web. Pour ajouter un menu de navigation, commencez par sélectionner le modèle ou la partie de modèle approprié(e) où vous souhaitez insérer le menu. Il peut s’agir de l' »en-tête » ou de toute autre partie de modèle adaptée à votre conception.
Étape 3 : Ajouter le bloc Navigation
Une fois que vous avez sélectionné le modèle ou la partie de modèle souhaité, cliquez sur le bouton + pour ajouter un nouveau bloc. Dans la bibliothèque de blocs, recherchez le bloc Navigation et cliquez dessus pour l’insérer dans votre modèle.
Étape 4 : Créer ou sélectionner un menu
Après avoir ajouté le bloc Navigation, deux options s’offrent à vous :
- Créez un nouveau menu: Cliquez sur Créer un nouveau menu et donnez un nom à votre menu. Cliquez ensuite sur Créer un menu pour commencer à ajouter des éléments.
- Sélectionnez un menu existant: Si vous avez déjà créé un menu dans votre tableau de bord WordPress, cliquez sur Sélectionner un menu et choisissez le menu souhaité dans la liste déroulante.
Étape 5 : Ajouter des éléments de menu
Pour ajouter des éléments à votre menu, cliquez sur le bouton + à l’intérieur du bloc Navigation. Vous pouvez ajouter différents types d’éléments tels que des pages, des articles, des catégories et des liens personnalisés. Il vous suffit de rechercher le bloc souhaité (par exemple, « Lien de page ») et de cliquer dessus pour l’ajouter à votre menu.
Étape 6 : Personnaliser les éléments du menu
Vous pouvez personnaliser chaque élément de menu en cliquant dessus et en ajustant ses paramètres dans le panneau des paramètres du bloc. Vous pouvez y modifier l’étiquette, ajouter une description ou même faire en sorte que le lien s’ouvre dans un nouvel onglet.
Étape 7 : Organiser les éléments du menu
Pour modifier l’ordre des éléments du menu, cliquez sur l’élément que vous souhaitez déplacer et utilisez les flèches de la barre d’outils du bloc pour réorganiser sa position.
Étape 8 : Conception et design de votre menu
Avec l’éditeur de site complet, vous pouvez facilement styliser et concevoir votre menu de navigation à l’aide du panneau de configuration des blocs. Ajustez la taille de la police, les couleurs, l’arrière-plan et l’espacement pour que le menu s’adapte à la conception générale de votre site web.
Étape 9 : Enregistrer les modifications
Une fois que vous avez fini d’ajouter et de personnaliser votre menu de navigation, cliquez sur le bouton Enregistrer dans le coin supérieur droit de l’éditeur de site complet. Vos modifications seront enregistrées et le modèle ou la partie du modèle où vous avez ajouté le menu sera mis à jour.
Ajouter des menus WordPress dans les barres latérales et les pieds de page
L’ajout de menus WordPress dans les barres latérales et les pieds de page peut améliorer la navigation et l’expérience utilisateur de votre site web. En plaçant des menus personnalisés dans ces zones, vous pouvez permettre aux visiteurs de trouver plus facilement les pages importantes et de naviguer plus efficacement sur votre site. Voici un guide étape par étape sur la façon d’ajouter des menus WordPress dans les barres latérales et les pieds de page :
Étape 1 : Créer un menu personnalisé
Avant de pouvoir ajouter un menu à la barre latérale ou au pied de page, vous devez créer un menu personnalisé dans WordPress. Pour ce faire, allez dans votre tableau de bord WordPress et naviguez jusqu’à Apparence > Menus. Cliquez sur le lien « Créer un nouveau menu », donnez un nom à votre menu et cliquez sur le bouton » Créer un menu ».
Étape 2 : Ajouter des éléments au menu
Une fois votre menu personnalisé créé, vous pouvez y ajouter des éléments. Sur le côté gauche de la page Menus, vous verrez une liste d’éléments que vous pouvez ajouter, tels que des pages, des articles, des liens personnalisés et des catégories. Sélectionnez les éléments que vous souhaitez ajouter à votre menu et cliquez sur le bouton Ajouter au menu. Vous pouvez ensuite faire glisser les éléments pour réorganiser leur ordre si nécessaire.
Étape 3 : Enregistrer le menu
Après avoir ajouté et organisé les éléments de votre menu personnalisé, cliquez sur le bouton Enregistrer le menu pour enregistrer vos modifications.
Étape 4 : Ajouter le menu à la barre latérale ou au pied de page
Maintenant que vous avez créé un menu personnalisé, vous pouvez l’ajouter à la barre latérale ou au pied de page de votre site web. Pour ce faire, allez dans Apparence > Widgets dans votre tableau de bord WordPress. Recherchez le widget Navigation Menu dans la liste des widgets disponibles.
Étape 5 : Ajouter le widget Menu de navigation à la zone souhaitée
Faites glisser et déposez le widget Menu de navigation dans la barre latérale ou la zone de widget de pied de page où vous souhaitez que le menu apparaisse. Une fois le widget en place, vous pouvez lui donner un titre (facultatif) et sélectionner le menu personnalisé que vous avez créé précédemment dans la liste déroulante.
Étape 6 : Enregistrer les paramètres du widget
Cliquez sur le bouton Enregistrer pour sauvegarder les paramètres de votre widget. Votre menu personnalisé apparaîtra alors dans la barre latérale ou le pied de page de votre site web.
Rationalisez votre site web dès maintenant !
En suivant le guide du débutant ci-dessus, vous pouvez facilement mettre en place un menu de navigation personnalisé et visuellement attrayant qui répond aux besoins de votre public. Au fur et à mesure que vous vous familiariserez avec WordPress, vous découvrirez de nombreuses fonctionnalités et plugins supplémentaires qui vous permettront d’améliorer la navigation de votre site et l’expérience globale de l’utilisateur. Avec votre nouveau menu de navigation en place, vous serez en mesure de mieux engager les visiteurs, de mettre en valeur votre contenu de manière efficace et de créer une expérience positive pour tous ceux qui s’arrêtent sur votre site.
FAQ sur les menus WordPress
Pour ajouter un lien vers la page d’accueil à un menu WordPress, allez dans votre tableau de bord WordPress, naviguez vers Apparence > Menus, sélectionnez le menu que vous souhaitez modifier, cliquez sur l’onglet Liens personnalisés, entrez l’URL de votre page d’accueil dans le champ « URL », tapez « Accueil » dans le champ « Texte du lien », cliquez sur « Ajouter au menu », puis enregistrez vos modifications.
Pour ajouter des menus de navigation multiples dans WordPress, allez dans Apparence > Menus, cliquez sur le lien « Créer un nouveau menu », donnez un nom à votre nouveau menu et cliquez sur Créer un menu. Vous pouvez ensuite ajouter des éléments à ce nouveau menu. Répétez l’opération pour d’autres menus. Pour afficher les menus, vous devrez peut-être les ajouter aux emplacements de menu de votre thème ou utiliser un widget de menu personnalisé.
Oui, vous pouvez ajouter des balises à un menu WordPress. Allez dans Apparence > Menus, cliquez sur Options d « écran dans le coin supérieur droit, activez la case à cocher Tags, et vous pourrez ensuite ajouter des tags à partir de l’onglet Tags sur le côté gauche de l » éditeur de menu.
Oui, vous pouvez supprimer ou renommer un menu WordPress. Pour supprimer un menu, allez dans Apparence > Menus, sélectionnez le menu que vous souhaitez supprimer, cliquez sur le lien « Supprimer le menu » en bas de la page et confirmez l’action. Pour renommer un menu, sélectionnez le menu, cliquez sur la flèche à côté du nom du menu, modifiez le champ « Nom du menu » et cliquez sur Enregistrer le menu.
WordPress n’a pas d’option intégrée pour dupliquer un menu. Cependant, vous pouvez utiliser un plugin comme « Duplicate Menu » pour créer une copie d’un menu existant. Installez et activez le plugin, puis allez sur Appearance > Duplicate Menu, choisissez le menu que vous voulez dupliquer, entrez un nouveau nom pour le menu dupliqué, et cliquez sur Duplicate Menu.
Ecrire un commentaire