Recherchez-vous les meilleurs tutoriels pour travailler avec les menus de navigation WordPress? Les menus de navigation WordPress vous permettent de personnaliser et de gérer facilement les menus de votre site Web. Dans cet article, nous vous montrerons les meilleurs tutoriels pour maîtriser les menus de navigation WordPress.
Comme il s’agit d’un article complet, nous avons ajouté une liste de contenus pour faciliter la navigation.
- Commencer avec les menus de navigation de WordPress
- Ajouter des icônes de médias sociaux aux menus WordPress
- Afficher différents menus pour les utilisateurs WordPress enregistrés
- Ajouter une logique conditionnelle aux menus de navigation
- Style de menu de navigation WordPress
- Ajouter des icônes d’image avec des menus de navigation dans WordPress
- Ajouter des menus de navigation personnalisés dans WordPress
- Ajouter le menu du panneau coulissant dans les thèmes WordPress
- Créez un menu WordPress réactif prêt pour les appareils mobiles
- Ajouter un menu plein écran réactif dans WordPress
- Ajouter une description avec des menus de navigation dans WordPress
- Comment ajouter des thèmes dans les menus de navigation de WordPress
- Comment ajouter des menus de navigation dans la barre latérale de WordPress
- Ajouter un menu de navigation WordPress sur les publications et les pages
- Ajouter des liens NoFollow dans les menus de navigation de WordPress
1. Introduction aux menus de navigation de WordPress
Dans la conception Web, le menu de navigation est une liste de liens qui permet aux visiteurs de votre site Web de visiter différentes pages et sections de votre site Web. Il aide les utilisateurs à naviguer sur leur site Web, d’où le nom du menu de navigation.
WordPress est livré avec un outil intégré qui vous permet de créer et d’utiliser des menus sur votre site Web. Cet outil est en Apparence »Menus page dans votre zone d’administration WordPress.
Ici, vous pouvez créer des menus en ajoutant des éléments de la colonne de gauche à droite. Vous pouvez ajouter des articles, des pages, des catégories et des liens personnalisés WordPress à vos menus.
Pour des instructions détaillées, consultez notre guide du débutant sur la façon d’ajouter des menus de navigation dans WordPress.
2. Ajoutez des icônes de médias sociaux aux menus WordPress
Les menus WordPress peuvent également être utilisés pour ajouter des boutons de médias sociaux à votre site Web. Cela vous permet de mettre à jour facilement les icônes, de les réorganiser et d’ajouter de nouvelles icônes de réseaux sociaux à tout moment.
La façon la plus simple de le faire est d’utiliser le plugin Social Icon Menu. Pour plus de détails, consultez notre guide étape par étape sur la façon d’installer un plugin WordPress.
Après l’activation, accédez à Apparence »Menus page. Créez un nouveau menu social, puis sur l’onglet de liens personnalisés dans la colonne de gauche.
Vous verrez des icônes de médias sociaux sous le texte du lien et les champs URL. Tout ce que vous avez à faire est de cliquer sur une icône de réseau social et de saisir l’URL de votre profil social. Lorsque vous avez terminé, cliquez sur le bouton Ajouter au menu.
Répétez ce processus pour tous les profils de médias sociaux que vous souhaitez ajouter. Une fois que vous avez terminé, sélectionnez un emplacement de menu, puis cliquez sur le bouton Enregistrer le menu.
Pour des instructions plus détaillées, consultez notre guide sur la façon d’ajouter des icônes de médias sociaux aux menus WordPress.
3. Affichez différents menus pour les utilisateurs WordPress enregistrés
Si vous exécutez un site d’adhésion WordPress, vous souhaiterez peut-être afficher différents menus pour vos utilisateurs enregistrés. Voici comment vous pouvez facilement y parvenir.
Vous devez d’abord créer deux menus différents. Un pour les utilisateurs connectés et un pour les utilisateurs non connectés. Vous pouvez nommer ces menus connectés et déconnectés.
Ensuite, vous devez ajouter ce code au fichier functions.php de votre thème ou à un plug-in spécifique au site.
function my_wp_nav_menu_args( $args="" ) {
if( is_user_logged_in() ) {
$args['menu'] = 'logged-in';
} else {
$args['menu'] = 'logged-out';
}
return $args;
}
add_filter( 'wp_nav_menu_args', 'my_wp_nav_menu_args' );
C’est tout. Vous pouvez maintenant tester vos menus de navigation en action.
Pour des instructions plus détaillées, consultez notre tutoriel sur la façon d’afficher différents menus pour les utilisateurs WordPress enregistrés.
Voulez-vous changer les menus en fonction de certaines conditions? Comme un menu différent sur la page d’accueil, ou masquez un élément dans des publications individuelles. Voilà comment vous pouvez y parvenir dans WordPress.
Vous devez d’abord installer et activer le plugin If Menu.
Lors de l’activation, visitez Apparence »Menus l’écran et cliquez sur un élément de menu que vous souhaitez modifier. Vous remarquerez une nouvelle option pour «Activer la logique conditionnelle».
Cocher cette option vous montrera deux options déroulantes. Vous pouvez sélectionner afficher ou masquer pour un menu s’il correspond à certaines conditions. Par exemple, masquez l’élément de menu si un utilisateur est un administrateur ou affichez un élément de menu uniquement si un utilisateur examine une seule publication.
Pour des instructions plus détaillées, consultez notre article sur l’ajout de logique conditionnelle aux menus WordPress.
Votre thème WordPress contrôle l’apparence des menus de navigation sur votre site Web. En utilisant CSS, vous pouvez personnaliser l’apparence des menus de navigation.
La façon la plus simple de le faire est d’utiliser le plugin CSS Hero. Il s’agit d’un plugin WordPress premium qui vous permet de personnaliser n’importe quel thème WordPress sans écrire une seule ligne de code (aucun HTML ou CSS requis). Consultez notre revue CSS Hero pour plus d’informations.
Vous pouvez également concevoir vos menus de navigation en écrivant CSS manuellement. Pour des instructions détaillées, consultez notre guide sur la conception des menus de navigation WordPress.
6. Ajoutez des icônes d’image avec des menus de navigation dans WordPress
De nombreux sites Web populaires utilisent des icônes d’image à côté de leurs menus de navigation pour les rendre plus visibles. Voici comment vous pouvez ajouter des icônes d’image avec des menus de navigation dans WordPress.
Tout d’abord, vous devez installer et activer le plugin d’image de menu. Après l’activation, accédez à Apparence »Menus. Là, vous verrez une option pour ajouter des images avec chaque élément de votre menu existant.
Vous pouvez également utiliser CSS pour ajouter des icônes d’image. Pour des instructions détaillées, consultez notre guide sur la façon d’ajouter des icônes d’image avec des menus de navigation dans WordPress.
La plupart des thèmes WordPress gratuits et premium sont livrés avec des emplacements prédéfinis pour afficher leurs menus de navigation. Cependant, vous pouvez également ajouter des menus de navigation personnalisés à vos thèmes.
Tout d’abord, vous devrez enregistrer votre nouveau menu de navigation en ajoutant ce code au fichier functions.php de votre thème.
function wpb_custom_new_menu() {
register_nav_menu('my-custom-menu',__( 'My Custom Menu' ));
}
add_action( 'init', 'wpb_custom_new_menu' );
Ce code créera “Mon menu personnalisé” pour votre thème. Vous pouvez le voir en modifiant un menu dans Apparence »Menus page.
Afin d’afficher votre menu personnalisé, vous devrez ajouter ce code à votre thème où vous souhaitez afficher le menu.
