Comment afficher différents menus aux utilisateurs connectés dans WordPress

Avez-vous déjà remarqué à quel point il peut être déroutant pour les visiteurs de votre site WordPress lorsqu'ils sont connectés mais voient toujours des boutons « Connexion » ou « S'inscrire » partout ? Ou peut-être que vos membres ont du mal à trouver leur tableau de bord de compte car il est enfoui dans le menu.

Ces petites frustrations peuvent donner l'impression à vos utilisateurs les plus fidèles d'être des étrangers sur votre propre site web.

Et un menu personnalisé peut faire toute la différence. Afficher aux utilisateurs connectés des options comme « Mon compte » ou « Déconnexion » au lieu de liens génériques rend votre site plus accueillant et professionnel.

La bonne nouvelle ? Créer des menus dynamiques dans WordPress est plus facile que vous ne le pensez.

Dans ce guide, nous vous montrerons deux méthodes simples pour afficher différents menus aux utilisateurs connectés, quel que soit votre niveau de compétence. 💡

Pourquoi afficher différents menus aux utilisateurs connectés dans WordPress ?

Modifier différentes zones de votre site WordPress en fonction de vos visiteurs et de leur activité donne à votre site une impression de personnalisation pour chaque utilisateur.

Ce contenu personnalisé vous aide à améliorer l'expérience utilisateur sur votre site WordPress.

Maintenant, si vous gérez un site web où les utilisateurs n'ont pas besoin de s'inscrire ou de se connecter, vous pouvez probablement utiliser les mêmes menus de navigation sur votre site. Cependant, d'autres sites web peuvent grandement bénéficier de l'affichage de menus personnalisés pour les utilisateurs connectés.

Par exemple, des sites web comme une boutique en ligne, une plateforme d'apprentissage en ligne ou une communauté de site d'adhésion WordPress peuvent tous bénéficier de menus de navigation personnalisés.

Un menu de navigation personnalisé pour les utilisateurs connectés les aide à trouver plus facilement les éléments auxquels ils se sont inscrits.

Par exemple, un utilisateur sur une boutique en ligne peut gérer son compte, ou un membre d'une communauté payante peut facilement renouveler son abonnement ou consulter les cours en ligne exclusifs qu'il a achetés.

Par défaut, WordPress vous permet de créer autant de menus de navigation que vous le souhaitez. Cependant, vous ne pouvez choisir d'afficher qu'un seul menu à un emplacement particulier dans votre thème WordPress.

Avant de configurer des menus pour les utilisateurs connectés, vous devrez d'abord créer deux menus de navigation distincts. Un menu sera destiné aux utilisateurs connectés et l'autre aux utilisateurs déconnectés. Commençons.

Créer des menus pour les utilisateurs connectés et non connectés dans WordPress

Pour créer des menus distincts pour les deux types d'utilisateurs, rendez-vous sur la page Apparence » Menus dans le tableau de bord WordPress.

Si vous avez déjà un menu de navigation que vous utilisez sur votre site web pour tous les utilisateurs, celui-ci peut être votre menu par défaut.

Après cela, vous pouvez cliquer sur le lien « créer un nouveau menu » pour créer un nouveau menu personnalisé pour vos utilisateurs connectés.

Ici, ajoutez les éléments de menu que vous souhaitez afficher aux utilisateurs enregistrés ou connectés. Par exemple, vous pourriez vouloir ajouter un lien de déconnexion à votre menu.

Sur le côté gauche de l'écran, vous pouvez voir une liste des pages de votre site web. Cochez simplement la case à côté de toute page que vous souhaitez ajouter à votre menu et cliquez sur le bouton « Ajouter au menu ».

Vous pouvez également faire glisser et déposer les éléments du menu sur le côté droit de l'écran pour les réorganiser.

Plus bas sur la page, vous pouvez choisir un emplacement pour afficher votre menu. Mais vous n'avez pas besoin d'attribuer un emplacement à ce menu maintenant. Nous le ferons plus tard dans l'article.

N'oubliez pas de cliquer sur le bouton « Enregistrer le menu » pour sauvegarder vos modifications.

Pour plus de détails sur la création de menus, consultez notre guide pour débutants sur les menus de navigation WordPress.

Maintenant, vous êtes prêt à afficher différents menus aux utilisateurs connectés. Voici un aperçu rapide de toutes les méthodes que nous aborderons dans ce guide :

• Méthode 1. Afficher différents menus aux utilisateurs connectés dans WordPress à l'aide d'un plugin
• Méthode 2. Sélectionner manuellement le menu pour les utilisateurs connectés dans WordPress à l'aide de code
• Astuce bonus : Autres cas d'utilisation de la logique conditionnelle dans les menus WordPress
• FAQ : Afficher différents menus aux utilisateurs connectés dans WordPress
• Ressources supplémentaires : Rôles des utilisateurs WordPress et navigation du site

Prêt à créer une expérience plus personnalisée ? Plongeons dans le vif du sujet ! 🌟

Méthode 1. Afficher différents menus aux utilisateurs connectés dans WordPress à l'aide d'un plugin

Le moyen le plus simple d'afficher différents menus aux utilisateurs connectés est d'utiliser le plugin Conditional Menus. Installons-le et activons-le donc d'abord.

Pour plus de détails, vous pouvez consulter notre guide étape par étape sur comment installer un plugin WordPress.

Après l'activation, vous devrez naviguer vers Apparence » Menus depuis votre tableau de bord WordPress. Ensuite, basculez vers l'onglet « Gérer les emplacements ».

À partir de là, vous verrez la liste des emplacements de menu disponibles définis dans votre thème WordPress et les menus qui s'affichent actuellement.

Par exemple, notre emplacement « Menu principal » affiche actuellement un « Menu principal ».

Maintenant, nous devons indiquer au plugin d'afficher un menu différent lorsqu'une certaine condition est remplie.

Pour ce faire, cliquons sur le lien « + Menu conditionnel ». Ensuite, vous pouvez sélectionner le menu de navigation que vous souhaitez afficher aux utilisateurs connectés dans le menu déroulant.

Ensuite, vous devrez cliquer sur le lien « + Conditions ».

Cela ouvrira une fenêtre contextuelle où vous verrez un tas de conditions à choisir.

Cochez simplement la case à côté de l'option « Utilisateur connecté », puis cliquez sur le bouton « Enregistrer ».

Vous pouvez maintenant visiter votre site Web pour voir le menu utilisateur connecté en action. Vous pouvez également vous déconnecter de votre administration WordPress pour afficher le menu de navigation qui sera montré à tous les autres utilisateurs.

Méthode 2. Sélectionner manuellement le menu pour les utilisateurs connectés dans WordPress à l'aide de code

Cette méthode nécessite l'ajout de code à votre site Web WordPress. Si vous ne l'avez jamais fait auparavant, consultez notre guide sur comment copier et coller des extraits de code dans WordPress.

En général, les blogs vous diront que vous devez ajouter un extrait de code au fichier functions.php de votre thème ou à un plugin spécifique au site. Cependant, nous ne recommandons pas cette méthode car elle peut potentiellement causer des problèmes avec votre site Web.

Au lieu de cela, vous pouvez utiliser le plugin WPCode.

WPCode vous permet d'ajouter des extraits de code personnalisés à votre site sans modifier directement les fichiers du thème. Il vous aide également à gérer ces extraits et garantit qu'ils sont exécutés en toute sécurité, minimisant ainsi le risque de casser votre site.

Pour commencer, installons le plugin WPCode. Vous pouvez utiliser la version gratuite de WPCode, car elle dispose de toutes les fonctionnalités dont vous avez besoin pour afficher différents menus aux utilisateurs connectés.

Mais si vous souhaitez accéder à des fonctionnalités avancées comme l’historique des révisions de code et la planification de la mise en ligne des extraits, envisagez alors de passer à WPCode Pro.

Une fois installé, vous devrez naviguer vers Extraits de code » + Ajouter des extraits.

Cela ouvrira la galerie d’extraits de code de WPCode.

À partir de là, vous pouvez cliquer sur le bouton « + Ajouter un extrait personnalisé ».

Vous arriverez alors à l'éditeur de texte de WPCode.

L'étape suivante consiste à ajouter un titre à votre extrait de code et à choisir « Extrait HTML » dans le menu déroulant « Type de code ».

Une fois terminé, copiez et collez simplement le code suivant dans le champ « Aperçu du code » :

function my_wp_nav_menu_args( $args = '' ) {
if( is_user_logged_in() ) {
// Logged in menu to display
$args['menu'] = 43;

} else {
// Non-logged-in menu to display
$args['menu'] = 35;
}
return $args;
}
add_filter( 'wp_nav_menu_args', 'my_wp_nav_menu_args' );

Voici à quoi cela pourrait ressembler dans votre éditeur WPCode :

Assurez-vous de remplacer 43 et 35 par les identifiants des menus de navigation que vous avez créés précédemment.

Vous pouvez trouver l'identifiant d'un menu de navigation en le sélectionnant sur la page « Menus ». Vous verrez le numéro d'identifiant du menu dans la barre d'adresse de votre navigateur.

Une fois que vous vous assurez que tous les détails sont corrects, cliquez sur le bouton bleu « Enregistrer l'extrait ».

Et c’est tout !

Astuce bonus : Autres cas d'utilisation de la logique conditionnelle dans les menus WordPress

En matière de navigation, la logique conditionnelle peut faire plus que simplement afficher différents menus aux utilisateurs connectés. Voici quelques exemples rapides :

• Afficher différents menus en fonction du rôle de l'utilisateur : Vous pouvez afficher un menu différent pour les administrateurs par rapport aux collaborateurs. Par exemple, affichez des options réservées aux administrateurs comme les paramètres du site ou la gestion des utilisateurs pour les administrateurs, tout en proposant des liens de navigation généraux aux collaborateurs ou à d'autres rôles d'utilisateurs.
• Afficher différents menus sur différentes pages : Vous souhaitez un menu unique sur votre page de blog ou vos pages de produits ? La logique conditionnelle vous permet de créer des menus spécifiques pour chacun, en gardant la navigation adaptée au contenu.
• Masquer la navigation sur les pages de destination : Les pages de destination fonctionnent mieux sans distractions. Utilisez la logique conditionnelle pour masquer votre menu de navigation et concentrer l'attention sur votre appel à l'action, comme un formulaire d'inscription ou une offre de produit.

Pour en savoir plus, vous pouvez consulter notre guide sur comment ajouter une logique conditionnelle aux menus dans WordPress.

FAQ : Afficher différents menus aux utilisateurs connectés dans WordPress

Vous avez encore des questions sur l'affichage de différents menus pour les utilisateurs dans WordPress ? Voici quelques réponses rapides pour vous aider :

Puis-je afficher différents menus en fonction des rôles des utilisateurs ?

Absolument. Vous pouvez afficher des menus uniques pour les administrateurs, les éditeurs ou tout autre rôle d'utilisateur personnalisé sur votre site. Le plugin Conditional Menus offre une option simple pour cela, ce qui est parfait pour adapter la navigation à vos membres d'équipe.

Est-il préférable d'utiliser un plugin ou d'ajouter du code manuellement ?

Pour la plupart des utilisateurs, nous recommandons d'utiliser un plugin comme Conditional Menus ou WPCode. Ces outils facilitent l'affichage de différents menus sans toucher aux fichiers de votre thème.

WPCode est particulièrement utile si vous préférez la flexibilité d'utiliser du code. Il vous permet d'ajouter en toute sécurité des snippets PHP personnalisés et de les gérer depuis votre tableau de bord WordPress – pas besoin de modifier directement functions.php.

Le codage manuel reste une bonne option pour les développeurs, mais pour tous les autres, un plugin est le choix le plus sûr et le plus adapté aux débutants.

Puis-je masquer le menu de navigation sur certaines pages ?

Oui, vous pouvez utiliser la même logique conditionnelle pour masquer votre menu de navigation sur des pages spécifiques. C'est une stratégie populaire pour les pages de destination, car elle élimine les distractions et maintient le visiteur concentré sur votre appel à l'action.

Ressources supplémentaires : Rôles des utilisateurs WordPress et navigation du site

Nous espérons que cet article vous a aidé à apprendre comment afficher facilement différents menus de navigation aux utilisateurs connectés dans WordPress. Ensuite, vous voudrez peut-être aussi consulter nos guides sur :

• Comment autoriser l'inscription des utilisateurs sur votre site WordPress
• Comment permettre aux utilisateurs d'inviter leurs amis à s'inscrire dans WordPress
• Comment modérer les nouvelles inscriptions d'utilisateurs dans WordPress
• Comment empêcher WordPress de vous oublier avec « Se souvenir de moi »
• Comment saluer chaque utilisateur avec un message de bienvenue personnalisé dans WordPress
• Comment restreindre vos formulaires WordPress aux seuls utilisateurs connectés
• Comment styliser les menus de navigation WordPress
• Meilleurs plugins d'adhésion WordPress

Si cet article vous a plu, abonnez-vous à notre chaîne YouTube pour des tutoriels vidéo WordPress. Vous pouvez également nous retrouver sur Twitter et Facebook.