Comment créer un menu personnalisé sous WordPress.

Comment créer un menu personnalisé sous Wordpress

Comment créer un menu personnalisé sous WordPress pour un nouveau thème ou un thème existant ?

Créer un menu personnalisé pour un nouveau theme WordPress

Premièrement, dans le fichier functions.php de votre thème, vous devez écrire une fonction pour enregistrer le nom du menus. (Ceci est la façon dont ils apparaissent dans Apparence -> Menus).
Dans l’exemple ci-dessou, le menu s’appellera « Footer menu ».


function register_my_menu() {
  register_nav_menu('secondary_navigation_menu',__( 'Secondary Navigation Menu ' ));
}
add_action( 'init', 'register_my_menu' );

Une fois que vous avez fait cela, votre thème sera presque prêt. La dernière étape de préparation est de d’indiquer au thème où vous voulez que le menu apparaissent. Dans cet exemple ce sera dans le footer soit dans le fichier footer.php.
Ajoutez le code source ci-dessous:


<?php wp_nav_menu( array( 'theme_location' => 'secondary_navigation_menu' ) ); ?>

Créer un menu personnalisé pour un theme WordPress existant

Par défaut, tout les thèmes ont au moins un menu situé dans l’en-tête. Ouvrez le fichier function.php de votre thème et localisez la fonction qui a permis de créer le menu (Ctrl/Cmd + F, puis taper le mot_clé menu).
Dupliquer la fonction à la suite, puis changer le nom de la fonction.

Exemple:


// Fonction d'origine nommé top_navigation_tenu ( 'Top Navigation Menu' )
function register_my_menu() {
  register_nav_menu('top_navigation_menu',__( 'Top Navigation Menu' ));
}
add_action( 'init', 'register_my_menu' );

// Fonction dupliquée renommé secondary_navigation_menu ( 'Secondary Navigation Menu ' )
function register_my_menu() {
  register_nav_menu('secondary_navigation_menu',__( 'Secondary Navigation Menu ' ));
}
add_action( 'init', 'register_my_menu' );

Ouvrez à présent le fichier header.php et localisez la ligne de code qui permet d’afficher le menu dans le thème. Cet ligne de code doit comporter le même nom que la fonction dans le fichier function.php.
Dupliquez cette ligne de code à la suite, et remplacer le nom de la fonction par le nom de la fonction de votre menu personnalisé.


<?php wp_nav_menu( array( 'theme_location' => 'top_navigation_menu' ) ); ?>

<?php wp_nav_menu( array( 'theme_location' => 'secondary_navigation_menu' ) ); ?>

Leave a Reply