Si vous créez un site Web à l'aide de WordPress qui oblige les utilisateurs à se connecter au site, vous aurez probablement besoin d'un menu de navigation dynamique, qui affiche différents éléments de menu pour les utilisateurs s'ils sont déconnectés, connectés ou ont un spécifique rôle d'utilisateur.

En effet, cela n'a aucun sens de montrer un lien d'enregistrement ou de connexion aux utilisateurs qui se sont déjà connectés ou de fournir un lien vers le profil d'un utilisateur lorsqu'ils sont un visiteur et n'ont pas de profil sur votre site Web.

Comment ajouter des menus personnalisés pour les utilisateurs connectés

Alors que différents plugins existent pour créer un menu de navigation dynamique, nous allons vous expliquer comment créer des menus dynamiques en utilisant le logiciel gratuit Menus utilisateur plug-in par Plugins de la jungle.

Fonctionnalités du plugin Menus utilisateur

Le plugin fournit trois principaux ensembles de fonctionnalités utiles pour créer des menus dynamiques :

  1. Contrôles de visibilité pour les éléments de menu, par exemple qui peut voir chaque élément de menu (tout le monde, utilisateurs déconnectés, utilisateurs connectés, rôles d'utilisateur spécifiques)
  2. Informations utilisateur connectées dans le menu de navigation, par exemple “Hello, John Doe”
  3. Liens de connexion et de déconnexion pour le menu de navigation

Utilisation du plugin WordPress des menus utilisateur

Menus utilisateur Plugin WordPress gratuit

Comme Menus utilisateur est un plugin gratuit hébergé sur le répertoire de plugins de WordPress.org, vous pouvez installer le plugin en procédant comme suit :

  1. Connectez-vous à votre installation WordPress
  2. Dans le tableau de bord, accédez à Plugins> Ajouter un nouveau
  3. Rechercher Menus utilisateur (créé par Jungle Plugins & Daniel Iser)
  4. Clique le Installer maintenant bouton
  5. Une fois le plugin téléchargé et installé, cliquez pour Activer le plugin

Appliquer des contrôles de visibilité aux éléments de menu

Pour appliquer des contrôles de visibilité aux éléments de menu, vous devez procéder comme suit :

  1. Depuis le tableau de bord, accédez à Apparence > Menus
  2. Ajouter un nouvel élément de menu à votre menu ou développer un élément de menu existant
  3. Ouvrez le Qui peut voir ce lien déroulant et sélectionnez Tout le monde, Utilisateurs déconnectés ou Utilisateurs connectés (Tout le monde est l'option par défaut)
  4. Si vous sélectionnez Utilisateurs connectés, vous pourrez alors sélectionner les rôles d'utilisateur qui peuvent voir l'élément de menu si vous souhaitez restreindre un élément de menu à un ou plusieurs rôles d'utilisateur uniquement
  5. Une fois que vous avez appliqué les contrôles de visibilité souhaités à votre menu, cliquez sur le bouton Enregistrer le menu

capture d'écran-1

Afficher les informations de l'utilisateur connecté dans le menu de navigation

De nombreux sites Web populaires où les utilisateurs se connectent pour utiliser le site afficheront le nom d'un utilisateur dans l'en-tête du site Web pour montrer à l'utilisateur qu'il est connecté à son site Web (prenez WPExplorer par exemple – vous devriez voir “connexion” ou votre nom d'utilisateur à droite côté du menu de navigation).

Pour ce faire sur votre site Web à l'aide du plug-in User Menus, vous devez procéder comme suit :

  1. Depuis le tableau de bord, accédez à Apparence > Menus
  2. Ajouter un nouvel élément de menu à votre menu ou développer un élément de menu existant
  3. Ouvrez le menu déroulant “Qui peut voir ce lien” et sélectionnez Utilisateurs connectés
  4. Allez dans le champ de l'étiquette de navigation de l'élément de menu et cliquez sur le bouton gris avec la flèche
  5. Sélectionnez les informations utilisateur que vous souhaitez afficher dans l'élément de menu, par exemple {first_name}, {last_name}, {username}, {display_name}, {nickname}, {email}
  6. Cliquez sur le bouton Enregistrer le menu

Désormais, lorsqu'un utilisateur se connecte à votre site Web, son nom apparaît dans le menu de navigation de votre site Web.

capture d'écran-2

Ajouter un lien de connexion et de déconnexion à votre menu

La dernière chose que vous voudrez ajouter à votre menu de navigation sont des liens permettant aux utilisateurs de se connecter et de se déconnecter de votre site Web.

Pour l'ajouter à votre site Web, suivez simplement les étapes suivantes :

  1. Depuis le tableau de bord, accédez à Apparence > Menus
  2. Dans l'accordéon Ajouter un nouvel élément de menu, cliquez sur Liens utilisateur pour développer le type d'élément de menu
  3. Cochez la case des liens Connexion et Déconnexion et cliquez sur le Ajouter au menu bouton
  4. Développez les éléments de menu et ouvrez le “Où les utilisateurs doivent-ils être emmenés ensuite ?” déroulant et sélectionnez soit la page actuelle (option par défaut), la page d'accueil ou l'URL personnalisée (si sélectionné, vous devrez alors entrer une URL vers laquelle l'utilisateur doit être redirigé)
  5. Cliquez sur le bouton Enregistrer le menu

capture d'écran-3

C'est ça!

Vous avez maintenant ajouté un système de navigation dynamique à votre site Web pour améliorer l'expérience des utilisateurs de votre site Web. Avez-vous des questions? Ou souhaitez-vous partager votre propre expérience en utilisant les menus utilisateur ou un autre plugin ? Laissez simplement un commentaire ci-dessous – nous aimerions avoir de vos nouvelles.