Comment ajouter une page au menu WordPress

Vous souhaitez modifier vos menus et améliorer la navigation ? Dans cet article, nous allons vous montrer comment ajouter une page au menu WordPress et aider vos visiteurs à parcourir votre site.

Pourquoi personnaliser et ajouter une page au menu WordPress ?

La réponse rapide est pour une navigation facile. Permettre aux utilisateurs de trouver facilement ce qu'ils recherchent est essentiel pour offrir une meilleure expérience. Cela augmentera naturellement le nombre total de pages vues et réduira votre taux de rebond.

Lorsque les visiteurs arrivent sur votre site Web, ils voient votre en-tête en premier. Par exemple, regardons l'en-tête de notre site.

Comme vous pouvez le voir, le logo QuadLayers est là avec des liens vers des pages importantes , un menu déroulant pour présenter nos produits et un formulaire de connexion au compte. Toutes les pages essentielles sont dans l'en-tête pour un accès facile. Cela signifie qu'un visiteur peut accéder à n'importe quelle section spécifique du site Web en un clic, ce qui lui permet de trouver plus facilement ce qu'il recherche, qu'il s'agisse d'un plugin, d'un tutoriel sur le blog ou de pages de documentation.

En tant que propriétaire d'entreprise, vous pouvez avoir des pages importantes sur votre site telles que À propos de nous , Contactez-nous , Politique de confidentialité et Publicité . S'il s'agit de pages que vous souhaitez mettre en avant ou que les utilisateurs visitent souvent, vous pouvez envisager de les ajouter à votre menu principal. De cette façon, ces pages essentielles auront une visibilité maximale et elles seront facilement accessibles.

Maintenant que nous comprenons mieux pourquoi vous souhaitez personnaliser et ajouter une page à votre menu WordPress, voyons comment procéder.

1) Comment ajouter une page à votre menu WordPress

Il existe deux manières d’ajouter une page à votre menu WordPress :

1. Avec les menus WordPress
2. Depuis le personnalisateur WordPress

Dans cette section, nous vous montrerons les deux méthodes afin que vous puissiez choisir celle qui vous convient le mieux.

1.1) Avec les menus WordPress

Dans votre tableau de bord WordPress, vous pouvez voir tous les menus que vous avez créés sous Apparences > Menus .

Si vous venez d'installer WordPress et de commencer à le configurer, vous n'avez probablement pas encore de menu, vous devez donc en créer un manuellement. Pour ce faire, allez dans la section Menus, donnez un nom au menu et appuyez sur Créer un menu .

Vous avez maintenant un menu. Il est vide, vous pouvez donc y ajouter des pages pour afficher du contenu. Pour vérifier les pages disponibles, cliquez sur le menu déroulant à gauche.

Vous pouvez ajouter toutes les pages à votre menu, ou sélectionner des pages spécifiques et les ajouter manuellement. Dans notre cas, nous ajouterons toutes nos pages.

Une fois que vous avez ajouté les pages à votre menu, vous pouvez réorganiser les éléments. Faites simplement glisser la page que vous souhaitez réorganiser et déposez-la dans la position souhaitée, comme indiqué ci-dessous.

Sur notre site Web de mise en scène, nous utilisons le thème Astra WordPress qui est livré avec cinq emplacements de menu personnalisés.

• Menu primaire
• Menu secondaire
• Menu hors toile
• Menu Compte connecté
• Menu de pied de page

Ces options peuvent être différentes selon votre thème actif. Dans notre cas, nous utiliserons notre menu à l'emplacement du menu principal . Une fois que vous avez choisi l'emplacement souhaité, enregistrez les modifications.

Après cela, consultez votre site Web depuis l'interface et vous verrez le menu dans l'en-tête avec toutes les pages que nous venons d'ajouter.

Maintenant, essayons autre chose. Au lieu de choisir le menu principal comme emplacement, plaçons-le dans le pied de page. Accédez à la section Menus , sélectionnez l'emplacement du pied de page et mettez à jour les paramètres.

Vérifiez maintenant le front-end et vous verrez le menu dans le pied de page de votre site Web.

De cette façon, vous pouvez facilement ajouter une page au menu WordPress sans aucun outil ou plugin supplémentaire.

1.2) Utiliser le personnalisateur WordPress

Une autre méthode simple pour ajouter une page à votre menu consiste à utiliser WordPress Customizer. Le principal avantage est qu'il dispose d'un aperçu en direct qui vous permet de voir les changements en temps réel.

Tout d'abord, dans votre tableau de bord WordPress, allez dans Apparence > Personnaliser pour ouvrir le Customizer .

Sur le côté gauche, vous verrez toutes les options de personnalisation disponibles et sur le côté droit, vous verrez l'aperçu en direct de votre site Web afin que vous puissiez avoir un aperçu de chaque modification avant sa mise en ligne.

Pour cette démo, nous utilisons GeneratePress, c'est donc le thème qui apparaît comme actif.

Passons maintenant à la section Menus .

Créez ensuite un nouveau menu.

Nommez-le, sélectionnez un emplacement d'affichage et passez à l'étape suivante.

Vous avez maintenant un menu sur votre site WordPress, vous devez donc y ajouter des pages en appuyant sur Ajouter des éléments .

Après avoir ajouté des éléments, vous pouvez les réorganiser en les faisant simplement glisser vers la bonne position.

Une fois que vous avez terminé de personnaliser le menu, publiez les modifications.

Si vous consultez votre site Web à partir de l'interface, vous verrez l'en-tête mis à jour.

Ce sont les deux façons simples d'ajouter une page à votre menu WordPress. Comme vous pouvez le voir, les deux méthodes sont très simples et ne nécessitent aucun plugin supplémentaire, vous pouvez donc avoir votre nouveau menu opérationnel en un rien de temps.

2) Comment renommer un élément dans un menu

Vous avez appris comment nous pouvons ajouter une page au menu WordPress. C'est la première étape. Voyons maintenant comment vous pouvez le personnaliser et attribuer un nom personnalisé à chaque élément.

Par défaut, WordPress utilisera le titre de votre page comme nom de menu. Par exemple, le titre de notre page de démonstration est : Nous embauchons ! .

Lorsque nous ajoutons cette page à notre menu, WordPress utilisera le même titre pour cet élément.

Même s'il s'agit d'une solution logique, vous devrez parfois attribuer un nom personnalisé à vos menus. Par exemple, disons que vous avez écrit un guide détaillé sur la façon de démarrer un blog et que le titre de la page est Comment démarrer un WordPress et le gérer comme un pro .

Utiliser ce nom très long dans votre menu ne serait pas une bonne idée car il est assez long. Vous pouvez donc l'optimiser en le renommant en quelque chose comme Démarrer un blog . Dans cette section, nous allons vous montrer comment vous pouvez le faire étape par étape.

Tout d'abord, allez dans votre section Menus et ouvrez la page que vous devez personnaliser. Pour cette démonstration, nous allons changer le On recrute ! titre de la page.

Accédez à la section Étiquette de navigation et changez le nom en Carrières . Vous verrez comment le nom change.

Ensuite, enregistrez le menu et consultez votre site Web à partir de l'interface pour voir comment le nom a changé.

3) Comment ajouter des catégories au menu

Pour augmenter le nombre de vues et de conversions de vos pages d'archives, vous pouvez ajouter des catégories à votre menu WordPress. Lorsque vous gérez un grand site avec beaucoup de contenu, la catégorisation des publications et l'ajout de catégories à votre menu peuvent aider vos visiteurs à naviguer sur votre site. Dans cette section, nous allons vous montrer comment le faire en utilisant deux méthodes différentes.

• À partir de WordPress
• Avec des plugins

Jetons un coup d'œil aux deux options.

3.1) Depuis WordPress

Une fois que vous avez créé suffisamment de catégories, vous pouvez commencer à les ajouter à votre menu WordPress. Pour cela, dans votre tableau de bord, rendez-vous dans la section Menus et choisissez le menu que vous souhaitez modifier.

Vous pouvez ajouter toutes les catégories à votre liste ou en choisir des spécifiques. Dans notre cas, nous ajouterons toutes les catégories au menu et en ferons une liste déroulante.

Par défaut, ils seront ajoutés directement au menu.

Si vous souhaitez créer une liste déroulante, attribuez les catégories sous un élément de menu principal. Par exemple, définissez les catégories sous l'élément Blog et mettez à jour le menu.

Dans le front-end, vous verrez toutes les catégories répertoriées sous l'élément Blog .

C'est un excellent moyen d'économiser de l'espace et d'améliorer la navigation lorsqu'il y a beaucoup de catégories sur votre site.

Si vous avez besoin de plus d'informations à ce sujet, consultez notre guide sur la façon d'ajouter des catégories de produits WooCommerce au menu.

3.2) Avec des plugins

Une autre façon d'ajouter des pages et des catégories au menu WordPress consiste à utiliser un plugin. Il existe plusieurs outils, mais pour cette démonstration, nous utiliserons QuadMenu. C'est un outil freemium qui comprend de nombreuses fonctionnalités pour organiser votre site et créer des méga menus quel que soit le thème que vous utilisez. La version gratuite est livrée avec des fonctionnalités de base et les plans premium commencent à 15 USD (paiement unique) et incluent des fonctionnalités plus avancées.

Tout d'abord, installez QuadMenu sur votre site Web. Accédez à Plugins > Add New , recherchez le plugin et installez-le.

Après l'avoir activé, vous serez redirigé vers la page des paramètres. Sous la section Menus , vous verrez un nouvel emplacement d'affichage appelé QuadMenu Dev. Activez-le et enregistrez votre menu.

Après cela, vous verrez des options supplémentaires dans vos éléments de menu lorsque vous les survolerez.

Vous pouvez utiliser cette option pour modifier vos éléments de menu. Par exemple, pour personnaliser l'élément de menu Carrières , appuyez sur le bouton QuadMenu dessus.

Vous verrez trois principales options de personnalisation sur la page suivante.

• Défaut
• Général
• Icône

Dans l' onglet Par défaut , vous pouvez choisir le titre du lien, un attribut de titre, une classe CSS, une relation de lien et une description de menu. Dans l'onglet Général , vous pouvez sélectionner les sous-titres, le badge, le flotteur, les options d'écran et les options de flottement déroulant. Enfin, vous pouvez attribuer une icône personnalisée à votre élément de menu à partir de l'onglet Icône .

Avec un plugin puissant comme QuadMenu, vous pouvez faire passer vos menus WordPress au niveau supérieur. Pour plus d'options de personnalisation, nous vous recommandons de jeter un œil à la version premium.

4) Comment ajouter des balises, des types de publication personnalisés et des liens personnalisés au menu

Jusqu'à présent, nous avons vu comment ajouter une page au menu WordPress, ainsi que des catégories. Mais vous pouvez faire plus. Dans cette section, nous vous montrerons comment vous pouvez ajouter des balises, des types de publication personnalisés et des liens personnalisés à votre menu.

4.1) Comment ajouter des balises

Si vous utilisez des balises pour catégoriser le contenu de votre site Web, vous pouvez les ajouter à votre menu WordPress. Pour cela, accédez à la section Balises sous Articles dans votre tableau de bord WordPress. Vous y verrez tous les tags que vous avez créés et vous pourrez en créer un nouveau.

Une fois que vous avez créé vos balises, voyons comment les ajouter au menu.

Tout d'abord, ouvrez la section Menus . Vous verrez une option pour afficher toutes les balises dans la section de gauche. Vous pouvez soit sélectionner tous les tags, soit des tags spécifiques. Si vous avez un gros site, nous vous déconseillons de sélectionner toutes les balises. Vous avez probablement des centaines de balises, donc les ajouter toutes à votre menu n'aura pas l'air bien et n'aidera pas les utilisateurs à naviguer sur votre site. C'est pourquoi la meilleure option consiste à n'ajouter que les balises les plus importantes à votre menu.

Sélectionnez simplement ceux que vous souhaitez ajouter et cliquez sur Ajouter au menu .

Ensuite, mettez à jour le menu et vérifiez votre site pour voir les balises que vous avez sélectionnées dans le menu.

4.2) Comment ajouter des types de publication personnalisés (CPT)

Certains thèmes comme Avada sont livrés avec des types de publication personnalisés intégrés, vous pouvez donc ajouter ces types de publication à votre menu. Par exemple, sur notre site, nous avons un type de publication personnalisé appelé Offres et nous avons quatre publications en dessous.

Pour ajouter des types de publication personnalisés à votre menu WordPress, accédez à la section Menus et vous y verrez un élément de menu nouvellement enregistré. Sélectionnez les messages personnalisés que vous souhaitez ajouter et cliquez sur le bouton Ajouter au menu .

Ensuite, vous verrez ces types de publication dans votre menu. Une fois que vous êtes satisfait de la commande et de l'organisation, appuyez sur Enregistrer le menu .

Enfin, vérifiez votre menu à partir du front-end et vous y verrez les publications personnalisées.

De cette façon, vous pouvez ajouter des types de publication personnalisés à votre menu WordPress. Si vous avez plusieurs types de publication personnalisés enregistrés, vous les verrez tous dans la section de votre menu.

REMARQUE : Si vous n'avez enregistré aucun CPT, vous ne verrez pas cette option. Toutefois, si vous devez créer un CPT pour votre site Web, consultez le plug-in gratuit appelé Custom Post Type UI.

4.3) Comment ajouter des liens personnalisés

Enfin, vous pouvez également ajouter des liens personnalisés à votre menu. En suivant cette méthode simple, vous pouvez inclure des liens vers votre contenu en quelques clics.

Dans votre tableau de bord WordPress, allez dans la section Menus et sur le côté gauche, vous verrez une option appelée Liens personnalisés .

Une fois que vous l'ouvrirez, vous verrez l'option d'ajouter votre URL et le texte du lien.

Remplissez simplement les champs et ajoutez l'élément au menu. Par exemple, pour cette démonstration, nous ajouterons un lien vers notre page Facebook.

Après avoir enregistré les modifications, vérifiez votre site depuis le front-end et vous verrez le nouveau lien vers votre page Facebook dans le menu.

De cette façon, vous pouvez ajouter n'importe quel lien externe ou interne à votre menu pour aider les utilisateurs à naviguer sur votre site.

Bonus : comment styliser des éléments de menu spécifiques

Nous avons déjà vu comment ajouter et personnaliser des pages, des catégories et d'autres éléments à votre menu WordPress. Mais vous pouvez faire plus. Dans certains cas, vous souhaiterez peut-être que les utilisateurs se concentrent sur un élément de menu spécifique. Dans cette section, vous apprendrez à ajouter du CSS personnalisé à un élément de menu et à le mettre en surbrillance en utilisant un peu de CSS pour changer les couleurs.

Tout d'abord, dans votre tableau de bord WordPress, accédez à la section Apparence > Personnaliser > Menus et sélectionnez Options d'écran . Là, vous devez activer la propriété CSS Classes .

Après cela, lorsque vous développez vos éléments de menu, vous verrez la nouvelle propriété CSS Classes .

Pour cet exemple, nous allons définir notre classe CSS de menu sur careers-cta et enregistrer le menu.

En plus de mentionner la classe CSS, nous pouvons ajouter du code CSS pour mettre en évidence cet élément de menu spécifique. Pour ce faire, allez dans WordPress Customizer > Section CSS supplémentaire et ajoutez votre code. D'autre part, si vous utilisez des thèmes comme Divi ou Avada, il existe une section personnalisée pour inclure des CSS supplémentaires.

Pour cette démo, nous allons ajouter du code CSS via le Customizer. Il comprend un aperçu en direct, ce qui facilite le processus.

Ici, la partie amusante commence. Collez votre code CSS dans la section CSS supplémentaire. Un exemple de code que vous pouvez utiliser est :

 .careers-cta{
 couleur de fond : rose ;
 rayon de bordure : 15 px ;
 }

Après cela, vous verrez l'écran d'aperçu en direct changer.

Ce n'est qu'un exemple de code, nous vous encourageons donc à jouer avec et à l'adapter à vos besoins.

Conclusion

Dans l'ensemble, les menus sont une partie importante de tout site Web. Ils affichent des informations importantes et aident les utilisateurs à naviguer sur le site, ce qui crée une meilleure expérience. Les menus sont généralement en haut des pages et sont la première chose que les utilisateurs voient lorsqu'ils arrivent sur le site. C'est pourquoi vous devez les personnaliser et vous assurer qu'ils sont bien conçus.

Dans ce guide, nous vous avons montré comment ajouter une page au menu WordPress et en tirer le meilleur parti en utilisant deux méthodes différentes.

1. Avec les menus WordPress
2. Depuis le personnalisateur

L'utilisation de la section WordPress Menus est un moyen simple de créer des menus sur votre site. Cependant, le Customizer inclut un aperçu en direct qui vous permet de voir les changements en temps réel avant de passer en direct, ce qui est un plus.

En plus de cela, nous avons vu comment renommer les éléments de menu, comment ajouter des catégories, des balises, des types de publication personnalisés et des liens personnalisés. En plus de cela, nous avons vu comment styliser certains éléments pour attirer l'attention sur eux.

Pour plus d'informations sur la façon d'améliorer vos menus, consultez les tutoriels suivants :

• Comment ajouter des icônes de médias sociaux au menu WordPress
• Comment personnaliser le menu Divi avec CSS

Avez-vous personnalisé vos menus récemment ? Qu'avez-vous changé ? Faites-nous savoir dans la section commentaires ci-dessous.