{"id":27731,"date":"2023-11-10T19:15:59","date_gmt":"2023-11-10T19:15:59","guid":{"rendered":"\/tutoriels\/?p=27731"},"modified":"2024-11-26T15:17:39","modified_gmt":"2024-11-26T15:17:39","slug":"creer-menu-personnalise-avec-wp_nav_menu-wordpress","status":"publish","type":"post","link":"\/fr\/tutoriels\/creer-menu-personnalise-avec-wp_nav_menu-wordpress","title":{"rendered":"Cr\u00e9er un menu personnalis\u00e9 avec wp_nav_menu de WordPress"},"content":{"rendered":"

Les menus font partie des éléments les plus courants sur les sites web. Avec WordPress, vous pouvez facilement personnaliser les menus et choisir parmi plusieurs options d’affichage si votre thème le permet. Toutefois, si vous souhaitez utiliser des menus dans un emplacement personnalisé, vous devez modifier les fichiers de votre thème et ajouter la fonction wp_nav_menu<\/strong><\/a>.<\/p>

En combinant cette fonction avec register_nav_menu<\/strong>, vous pourrez créer et placer des menus n’importe où sur votre site web. L’ajout et la configuration de ces fonctions sont relativement simples, même si vous n’êtes pas un développeur. De plus, vous pouvez modifier les menus directement depuis votre tableau de bord WordPress.<\/p>

Dans cet article, nous allons parler du fonctionnement de la fonction wp_nav_menu de WordPress. Nous allons vous montrer quels arguments et quelles classes fonctionnent avec wp_nav_menu, puis nous vous expliquerons comment utiliser la fonction avec votre thème. C’est parti !<\/p>

\"\"<\/a><\/figure>

Qu’est-ce que la fonction WordPress wp_nav_menu ?<\/strong><\/h2>

wp_nav_menu est une fonction qui permet d’afficher des menus personnalisés sur les sites web WordPress.<\/p>

Contrairement à wp_page_menu<\/strong><\/a>, qui affiche une liste des pages existantes, wp_nav_menu ne fonctionne qu’avec les menus personnalisés.<\/p>

Vous pouvez ajouter la fonction à n’importe quel fichier de modèle de votre thème pour contrôler l’endroit où vous voulez que le menu apparaisse. Voici un exemple rapide de ce à quoi ressemble la fonction sans paramètres spécifiques :<\/p>

wp_nav_menu( array $args = array( ) )<\/pre>
Vous devrez spécifier le menu que vous souhaitez afficher pour que le code fonctionne. En pratique, une fonction d’exemple wp_nav_menu dans un modèle de page ressemblerait à ceci :<\/p>
wp_nav_menu( array('theme_location'=> 'custom-menu') );<\/pre>
Une fonction wp_nav_menu peut comporter plusieurs paramètres. Dans cet exemple, nous avons utilisé theme_location pour spécifier le nom du menu personnalisé que nous voulons utiliser.<\/p>
Si vous n’êtes pas à l’aise avec l’idée d’ajouter du code à votre site web, vous pouvez opter pour des plugins de menu WordPress<\/strong>. Certains outils vous permettront de créer et de placer des menus personnalisés, comme si vous utilisiez wp_nav_menu.<\/p>
Vous pouvez également utiliser certains page builders WordPress<\/strong><\/a>. Si vous utilisez déjà l’un de ces outils, vérifiez s’il offre une fonctionnalité de menu personnalisé.<\/p>
Paramètres WordPress wp_nav_menu et classes CSS<\/strong><\/h2>
La plupart des fonctions WordPress proposent divers paramètres prédéterminés pour modifier leurs effets. Dans le cas de wp_nav_menu, vous avez à la fois des paramètres et des classes CSS. Commençons par le premier !<\/p>
wp_nav_menu Paramètres<\/strong><\/h3>
Vous pouvez personnaliser la fonction wp_nav_menu en utilisant un ou plusieurs paramètres. Voici les options disponibles :<\/p>