La création de menus personnalisés est possible et très simple sous WordPress. Découvez en quelques lignes la procédure pour les customiser.

Modification du fichier header.php

Commencez par ouvrir le fichier header.php de votre thème, soit en passant par le module Éditeur de WordPress, soit en utilisant un éditeur de texte par exemple, Atom.

Il nous faut à présent localiser un emplacement pour positionner notre menu.

En vous aidant de l’extension Firebug pour Mozilla Firefox, vous devriez être capable d’identifier entre quelles balises vous aimeriez positionner votre menu personnalisé. Insérez ensuite le bout de code suivant :

 <?php wp_nav_menu($args); ?>

Comme vous pouvez le constater, il est possible de définir des arguments entre les parenthèses en lieu et place du $args.

Voici donc la liste des paramètres autorisés :

  • $id : ID du menu ;
  • $slug : le permalien du menu ;
  • $menu : le nom du menu, utile si vous en créez plusieurs ;
  • $container : l’élément parent du menu, par défaut une balise div est appliquée ;
  • $container_class : la classe de l’élément parent ;
  • $container_id : ID de l’élément parent ;
  • $menu_class : la classe du menu ;
  • $format : format du menu, je conseille une liste débutant par ul
  • $fallback_cb : si le menu n’est pas créé dans WordPress, vous pouvez ajouter une commande WordPress pour pallier ce manque. Par défaut, les pages sont listées ;
  • $link_before : texte à afficher avant le menu ;
  • $link_after : texte à afficher après le menu ;
  • $before : afficher du texte avant le lien ;
  • $after : afficher du texte après le lien ;
  • $echo : par défaut, la valeur est True ;

L’ensemble de ces paramètres sont optionnels. Vous pouvez donc vous limiter au bout de code par défaut que nous entourons ici d’une balise div pour faciliter la gestion des styles :

<div>
<?php wp_nav_menu(); ?>
</div>

Une fois que votre menu est positionné là où vous le souhaitez, enregistrez le fichier.

Gestion du menu personnalisé sous WordPress

Sous l’administration WordPress, déroulez le module Apparence puis cliquez sur Menus. Indiquez dans un premier temps le nom du menu. Il est en effet possible d’en créer plusieurs et, si tel est le cas, vous devrez l’indiquer via l’argument menu.
Cliquez ensuite sur le bouton Créer menu.

Dans la partie gauche, vous noterez la présence de 3 modules :

  • Liens externes : très pratique pour insérer des liens vers d’autres sites Web ;
  • Pages : pour ajouter des pages WordPress dans votre menu ;
  • Catégories : pour insérer des catégories WordPress dans votre barre de navigation ;

Il vous suffit donc de cocher les éléments de votre choix – module après module, puis de cliquez sur Ajouter au menu.

Pour réarranger l’ordre du menu, glissez / déposez les différents éléments tout en sachant qu’il est possible de créer des sous-menus. Pour ce faire, décalez l’élément vers la droite pour créer une imbrication. N’oubliez pas de cliquez sur Sauvegarder le menu pour enregistrer vos modifications.