Les menus wordpress

WordPress fournit une fonction de menu puissante et flexible qui vous permet de personnaliser et d’afficher des liens vers toutes les zones de votre site dans vos menus de navigation.
Si votre thème WordPress le permet, vous pouvez :

• créer plusieurs menus,
• organiser les menus en listes hiérarchiques et sous-menus à l’aide du glisser-déposer,
• ou encore, ajouter des liens vers des URL et des catégories externes,
• et même, ajouter automatiquement des liens vers des menus lorsque vous créez de nouvelles pages.

Dans ce guide, vous allez donc apprendre à créer, utiliser et personnaliser des menus WordPress.

Attention :
Avant de créer des menus, assurez-vous que vous avez déjà créé des pages pour vos menus.
Pour afficher, modifier et gérer vos menus WordPress, connectez-vous à votre zone d’administration WordPress, puis allez dans Apparence>Menus.

Créer des menus sur WordPress

La section Menus vous permet de créer et gérer vos menus WordPress.
Si vous n’avez pas encore créé de menus, vous verrez un écran vide comme indiqué dans la capture d’écran ci-dessous.

Pour créer un nouveau menu, allez à l’écran Modifier les menus et entrez un nom de menu dans le champ Nom du menu, puis cliquez sur le bouton Créer un menu.

Astuce :
Vous pouvez également créer de nouveaux menus dans WordPress en cliquant sur le lien créer un nouveau menu comme indiqué ci-dessous.

Une fois que le premier menu a été créé, vous aurez accès aux sections suivantes :

• Modifier les menus
• Gérer les emplacements

Ajout de pages aux menus WordPress

Vous pouvez créer plusieurs menus et les attribuer à différents emplacements sur votre site.
Par exemple, une fois que vous avez créé un nouveau menu, vous pouvez le modifier en sélectionnant le menu à modifier dans le menu déroulant Sélectionner un menu et en cliquant sur le bouton Sélectionner.

L’étape suivante consiste à ajouter des liens, par exemple des pages, à votre menu.

Dans la capture d’écran ci-dessous, vous pouvez voir qu’aucun élément de menu n’est répertorié dans la section du menu Structure.

Pour ajouter des éléments tels que des liens vers des pages à votre menu, choisissez des éléments dans les listes à gauche de votre écran de menu, puis cliquez sur le bouton Ajouter au menu.

Par conséquent, l’élément sera ajouté à votre menu sous la section du menu Structure.

Après avoir ajouté un nouvel élément à votre menu, n’oubliez pas de cliquer sur le bouton Enregistrer le menu pour enregistrer vos paramètres.

Si vous ne sauvegardez pas vos modifications, une fenêtre apparaîtra vous demandant de confirmer si vous souhaitez quitter la page et perdre vos modifications, ou rester sur la page.

Ajout d’autres éléments au menu

Vous pouvez ajouter divers éléments et éléments de votre site à vos menus.

Par exemple, les éléments les plus courants que vous pouvez ajouter aux menus incluent :

• Pages
• Publications
• Catégories
• Etiquettes
• FAQ …

En fonction du thème WordPress et des plugins WordPress qui sont installés sur votre site, vous constaterez peut-être qu’il y a beaucoup plus d’options à choisir pour vos menus personnalisés.

Astuce :
Certains éléments sont masqués par défaut. Par exemple, vous pouvez ajouter des liens vers des publications et même marquer des pages dans vos menus. Si vous ne voyez pas ceux-ci dans votre écran de menu, procédez comme suit :

Faites défiler vers le haut de votre écran Modifier les menus et cliquez sur l’onglet Options d’écran dans le coin à l’extrême droite de l’écran.

Sélectionnez publications dans la section Afficher.

L’élément s’affichera désormais sur votre écran.

Vous pouvez choisir :

• d’afficher uniquement les éléments les plus récemment ajoutés,
• afficher tous les éléments d’une liste
• et même rechercher des éléments sur votre page (il suffit de taper un mot dans le champ de recherche et WordPress commencera automatiquement la recherche).

Vous pouvez ajouter plusieurs éléments à la fois en cochant plusieurs cases.

Ou, ajouter tous les éléments d’une liste à la fois en cliquant sur le lien Sélectionner tout.

Vous pouvez également ajouter et afficher des liens vers des emplacements externes dans votre menu, en utilisant la fonction Liens personnalisés.

Les liens s’affichent dans votre zone de menu avec des éléments de menu marqués comme Lien personnalisé.

Modification des éléments de menu WordPress

Après avoir ajouté des éléments à votre menu, vous pouvez modifier et personnaliser davantage les éléments.

Développer ou réduire les éléments du menu

Pour développer ou réduire un élément de menu, cliquez sur le petit triangle dans le coin droit de la barre de titre.

Ouvrir les liens du menu de navigation dans une nouvelle fenêtre

Parfois, vous pouvez souhaiter que les liens de votre menu de navigation s’ouvrent dans une nouvelle fenêtre pour que les visiteurs ne quittent pas la page sur laquelle ils se trouvent. Par défaut, WordPress masque l’option qui vous permet d’ouvrir les liens du menu de navigation dans une nouvelle fenêtre pour éviter d’encombrer votre écran.

Supposons donc que vous souhaitiez qu’un élément de menu s’ouvre dans une nouvelle page lorsque les visiteurs cliquent sur son lien de menu.

Pour ce faire, développez l’élément de menu.

Si vous ne pouvez pas voir la case Ouvrir le lien dans une nouvelle fenêtre/onglet affichée sous l’étiquette de navigation de l’élément, faites défiler vers le haut de votre écran Modifier les menus et cliquez sur l’onglet Options d’écran dans le coin droit de l’écran.

Assurez-vous que la case Lien est sélectionnée dans la section Propriétés du menu avancé.

Cliquez sur la case Ouvrir le lien dans une nouvelle fenêtre/onglet.

Votre lien maintenant ouvert dans une nouvelle fenêtre (n’oubliez pas de sauvegarder pour que la modification prenne effet).

Propriétés du menu avancé

La capture d’écran ci-dessous montre un élément avec toutes les options avancées répertoriées dans les options d’écran cochées.

Les propriétés de menu avancées sont utilisées par les développeurs web et par les concepteurs de thèmes WordPress pour améliorer, styliser et personnaliser les options de menu. 

Voici une brève description de ces propriétés :

Attribut de titre : Ce champ spécifie le texte alternatif « Alt » pour l’élément de menu. Ce texte s’affiche lorsqu’un visiteur survole un élément de menu avec sa souris.

Par exemple, si vous ajoutez la ligne suivante dans le champ Attribut de titre et que vous enregistrez votre menu.

Voici ce que vos visiteurs verront lorsqu’ils passeront la souris sur le lien du menu.

Classes CSS : Cela vous permet de styliser vos liens en utilisant CSS (Feuilles de style en cascade). Après avoir ajouté une classe CSS à un lien de menu, vous pouvez cibler les classes que vous avez attribuées à partir de votre feuille de style.

Relation de lien (XFN) : XFN (XHTML Friends Network) est un moyen simple de représenter les relations que vous partagez avec les propriétaires ou les auteurs d’autres sites web à l’aide de liens. Cela permet à certains programmes tels que les moteurs de recherche et les services spécialisés de comprendre et d’afficher les relations que vous partagez avec d’autres personnes. 

Description : Ce champ peut être utilisé pour ajouter une brève description d’une étiquette de menu.

Vous pouvez également attribuer à votre étiquette de menu un nom personnalisé différent du nom de votre page.

Réorganisation des dispositions de menu

La fonction de menus personnalisés vous permet de réorganiser facilement les éléments de menu. Pour réorganiser vos éléments de menu, ajoutez d’abord des éléments de menu à votre menu.

Une fois que vous avez ajouté des éléments de menu, notez que les options déplacer s’affichent dans la section des détails de votre élément, vous permettant de déplacer la position de votre élément dans la barre de menu.

Pour réorganiser vos éléments de menu, utilisez les options déplacer, ou cliquez sur la barre de titre d’un élément, et faites glisser et déposez les éléments de menu en position.

Voici une capture d’écran d’un menu personnalisé, affichant les éléments de menu dans un certain ordre.

Après avoir appliqué un simple glisser-déposer pour réorganiser les éléments de menu.

Les liens de menu ont maintenant été réorganisés.

Vous pouvez également créer des menus imbriqués en déplaçant les éléments de menu par glisser-déposer et en décalant leur position par rapport à la marge gauche. Les éléments peuvent être imbriqués sur plusieurs niveaux en profondeur.

Voici une capture d’écran de la configuration du menu ci-dessus affichée dans un exemple de menu.

Vos menus s’afficheront différemment, en fonction du thème WordPress que vous avez choisi pour votre site.

Paramètres du menu

La section Paramètres du menu vous permet automatiquement ajouter des pages aux menus en fonction des options que vous choisissez :

• Ajouter automatiquement des pages : cochez cette case pour ajouter automatiquement de nouvelles pages de niveau supérieur à votre menu
• Emplacements du thème : cochez la ou les cases de cette section pour attribuer les emplacements de votre thème où vous voulez que vos nouveaux liens de menu soient ajoutés.

Gérer les emplacements

Avant que vos paramètres de menu personnalisés puissent être affichés sur votre site, votre menu doit être attribué à un emplacement sur votre thème.

Certains thèmes WordPress ne prennent en charge qu’un seul menu.

D’autres thèmes WordPress prennent en charge plusieurs menus.

Si vous n’avez pas encore créé de menu, cliquez sur le lien Utiliser un nouveau menu pour en créer un.

Pour attribuer un menu existant à un emplacement de votre thème, choisissez-le dans le menu déroulant.

Cliquez sur le bouton Enregistrer les modifications pour enregistrer votre configuration.

Si votre thème prend en charge plusieurs menus, répétez le processus ci-dessus pour affecter tous les menus à un emplacement sur votre thème.

Vos emplacements de menu seront maintenant mis à jour.

Votre menu personnalisé sera désormais affiché sur l’emplacement du thème auquel vous l’avez affecté.

Supprimer des menus WordPress

Pour supprimer un élément de votre menu, développez l’élément et cliquez sur le lien Supprimer.

Pour supprimer un menu, charger le menu dans l’écran Modifier le menu. Assurez-vous que vous avez sélectionné le bon menu (si vous en avez plusieurs) et que vous avez effectué une récente sauvegarde de votre site web, puis faites défiler vers le bas de la page et cliquez sur Supprimer le menu.

Il vous sera demandé de confirmer la suppression. Cliquez sur OK pour continuer ou sur Annuler pour quitter.

Le menu sélectionné sera ainsi supprimé.

Utilisation des menus personnalisés avec des widgets de WordPress

Ce contenu doit être mis à jour pour mieux refléter les dernières mises à jour de WordPress. En attendant, les explications ci-dessous sont toujours valables pour comprendre le fonctionnement des Widgets. Seule la présentation sur votre site web devrait différer.

Des menus personnalisés peuvent être ajoutés à votre barre latérale et à d’autres emplacements de menu à l’aide de widgets. WordPress a un widget de Menu personnalisé que vous pouvez ajouter à vos zones widgetisées.

Pour en savoir plus sur les Widgets, nous avons rédigé spécialement une documentation pour ça: Les Widgets WordPress.

[membership show_noaccess= »true »]

Vous pouvez ajouter plusieurs widgets de menu personnalisé à vos zones widgetisées.
Pour utiliser cette fonctionnalité, allez dans la section Widgets de votre site WordPress, et faites glisser un widget Menu personnalisé vers la zone où vous voulez que vos liens de menu s’affichent (par exemple barre latérale, en-tête, pied de page).

Ajoutez un titre de menu au champ Titre : choisissez le menu à afficher sur votre barre latérale (ou en-tête/pied-de-page) dans la liste déroulante Sélectionner le menu, puis cliquez sur le bouton Enregistrer pour enregistrer vos paramètres.

Votre menu personnalisé s’affichera désormais sur votre site à l’emplacement où vous avez ajouté le widget.

[/membership]

Voilà, vous en savez suffisamment sur les menus de WordPress ! 😉