Le menu fait parti des éléments essentiels de votre site WordPress. Souvent situé en haut de page, cette zone va permettre à vos visiteurs de trouver les informations qu’ils recherchent sur votre site. Votre menu doit donc être simple et logique pour guider au mieux vos internautes. Nous abordons aujourd’hui l’étape 6 de notre série consacrée à la création de site sous WordPress : Comment créer et gérer ses menus sous WordPress ? Les possibilités sont multiples avec WordPress, dans cet article vous trouverez les différentes méthodes pour construire la navigation de votre site afin que celle-ci réponde au mieux à vos besoins et à ceux des internautes.
Retrouvez toutes les étapes ci-dessous :
- Etape 1 : Création de site WordPress : Comment créer l’arborescence de son site web ?
- Etape 2 : Comment installer son site WordPress ?
- Etape 3 : Comment bien configurer WordPress ?
- Etape 4 : 7 plugins gratuits et indispensables pour son site WordPress
- Etape 5 : Quel thème WordPress choisir pour son site ?
- Etape 5.1 : Comment personnaliser son thème WordPress sans coder ?
- Etape 6 : Comment créer et gérer ses menus sous WordPress ?
- Etape 7 : Comment créer un modèle de page WordPress ?
- Etape 8 : Comment créer et optimiser un article WordPress ?
- Etape 9 : 15 banques d’images gratuites et libres de droits
- Etape 10 : Comment référencer son site WordPress ?
Tous les thèmes WordPress proposent une navigation principale. Selon votre thème cette navigation peut se trouver à différents endroits de votre site en haut de page, sur le côté, sous votre logo… Différents thèmes proposent également une navigation secondaire ainsi qu’une navigation dans le footer. Par exemple pour le blog LWS il y a deux menus : Le menu principal et un autre situé tout en haut du site.
Si votre thème est pourvu de ses deux ou trois menus vous avez le choix d’en utiliser qu’un ou les trois à la fois.
Il existe plusieurs types de contenus que vous pouvez intégrer à vos menus. Nous allons nous intéresser au trois principaux :
- Les pages : Contrairement aux articles, les pages sont des contenus statiques comme par exemple la page « à propos », « contact », « mentions légales » etc. Pour en savoir plus sur la différence entre une page et un article WordPress consultez notre article : WordPress : Quelle différence entre un article et une page ?
- Les liens : Les liens permettent de rediriger vos internautes vers un lien interne ou externe à votre site. Par exemple, un lien vers un site partenaire ou un lien pour revenir à la page d’accueil de votre site.
- Les catégories : Ajouter des catégories à votre menu est très pratique si vous créez un blog. En effet, lorsque vous créez un article vous pouvez le rattacher à des catégories, ainsi si vous intégrer les catégories à votre menu, les internautes pourront consulter tous les articles rattachés à cette catégorie.
Pour créer votre menu suivez les étapes suivantes :
1) Rendez-vous dans Apparence > Menus
2) Attribuez un nom à votre menu puis cliquez sur le bouton Créer le menu
Une fois votre menu crée poursuivons avec l’ajout de pages.
Toutes vos pages sont visibles sur la partie gauche de l’écran de création de votre menu.
Pour ajouter une page cochez simplement la ou les pages souhaitées puis cliquez sur Ajouter au menu
Si vous avez beaucoup de pages vous pouvez afficher les plus récentes ou effectuer une recherche afin de trouver les pages souhaitées plus rapidement.
A noter qu’il faut dans un premier temps créer vos pages pour qu’elles soient visible par la suite dans votre outils de création de menu. Pour créer des pages rendez-vous dans Pages > Ajouter
Pour intégrer des liens à votre menu suivez les étapes suivantes :
1) Cliquez sur l’onglet Liens personnalisés (ou Liens selon ce qui est indiqué avec votre thème)
2) Renseignez l’adresse de votre lien dans le champ Adresse web puis l’intitulé du lien (l’ancre) dans le champ Texte du lien
3) Une fois ces éléments renseignés cliquez sur le bouton Ajouter au menu
Si vous souhaitez ajouter un élément du menu non cliquable, insérez le caractère # dans le champ Adresse web.
Comme annoncé précédemment, ajouter des catégories à son menu WordPress est très utile si vous souhaitez créer un blog.
Pour ajouter des catégories à votre menu rendez-vous dans l’onglet Catégories puis suivez les mêmes étapes que pour l’ajout de pages. Si vous avez beaucoup de catégories vous pouvez également les retrouver en cliquant sur Les plus utilisées ou par l’intermédiaire du système de recherche.
De même que pour les pages, si vous n’avez pas crée de catégories elles ne seront pas visibles dans la création de votre menu. Pour créer des catégorie rendez-vous dans Articles > Catégories.
N’oubliez pas de cliquer sur le bouton Enregistrer le menu afin de le sauvegarder.
Passons maintenant à l’étape suivante : L’organisation de votre menu.
Une fois les différents éléments ajoutés vous pouvez les déplacer afin de réorganiser votre contenu et créer des sous-menus.
Pour créer un sous-menu maintenez simplement le bloc souhaité avec votre souris puis déplacez le légèrement sur la droite, en dessous de l’élément parent.
Vous avez la possibilité de créer autant de niveaux que vous le souhaitez. Nous vous conseillons toutefois de vous limiter au premier niveau afin de ne pas perdre le visiteur dans un menu interminable. Retrouvez nos conseils pour construire l’arborescence de votre site.
Il existe des options supplémentaires pour la création de votre menu WordPress, qui ne sont pas visibles du premier coup d’oeil. Pour y accéder cliquez sur Options de l’écran en haut à droite du tableau de bord.
La première ligne permet d’afficher d’autres types de contenus à votre menu à savoir :
- Les Articles
- Les Projets
- Les Étiquettes
- Les Formats
- Les Tags
Nous vous recommandons de ne garder que les trois types de contenu présentés précédemment : Les pages, liens et catégories.
Sur la seconde ligne vous avez la possibilité d’afficher les propriétés avancées du menu :
- Attribut du titre : Permet de donner une information supplémentaire sur le lien. Il s’agit du texte qui s’affiche lorsque l’internaute survole l’élément
- Cible du lien : Permet de définir si vous souhaitez que le lien s’ouvre dans une nouvelle fenêtre ou un nouvel onglet. Nous recommandons d’utiliser cette option uniquement pour les liens externes à votre site.
- Classes CSS : Ce champ vous permet de personnaliser l’apparence d’un des éléments de votre menu.
- Relations avec le propriétaire du site lié (XFN) : Si vous liez un site, avec les propriétés XFN, vous pourrez préciser la relation qui vous lie à ce site.
- Description : Vous avez la possibilité de rédiger une description qui apparaîtra dans le menu si votre thème l’accepte
Une fois tous les éléments ajoutés à votre menu rendez-vous dans la section Réglages du menu sous les différents éléments de votre menu.
Vous avez le choix entre plusieurs cases à cocher. La première case consiste à ajouter automatiquement les pages que vous créerez à votre menu. Nous vous déconseillons de cocher cette case car vous perdez tout l’intérêt du menu.
La seconde partie consiste à définir l’emplacement du menu que vous venez de créer :
- Menu principal
- Menu secondaire
- Menu en pied de page
Une fois ces réglages effectués cliquez sur le bouton Enregistrer le menu.
La page de création des menus dispose de deux onglets : Modifier les menus (que nous avons abordé tout au long de cet article) et Gérer les emplacements auquel nous allons nous intéresser pour cette partie.
Cet onglet va vous permettre de gérer l’emplacement de vos menus où vous le souhaitez sur votre site. Dans notre cas vous avez le choix entre trois emplacements : principal, secondaire et pied de page.
Avec l’onglet Gérer les emplacements vous avez le choix entre deux ou trois positions pour votre menu mais comment faire pour placer vos menus à d’autres endroits de votre site ?
Suivez les étapes suivantes :
1) Créez un nouveau menu sans lui attribuer d’emplacement
2) Rendez-vous dans Apparence > Widgets et ajoutez le widget Menu Personnalisé à l’endroit souhaité dans votre sidebar.
3) Renseignez le titre, sélectionnez le menu souhaitez puis cliquez sur Enregistrer
Retrouvez toutes nos formules d’hébergement WordPress clés en main pour créer votre site professionnel !
Retrouvez les meilleurs thèmes WordPress sur Elegant Themes :