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 aux utilisateurs s’ils sont déconnectés, connectés ou ont un menu spécifique. rôle d’utilisateur.

En effet, cela n’a aucun sens d’afficher un lien d’inscription 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

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

Menus utilisateur Fonctionnalités du plugin

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 sur l’utilisateur connecté dans le menu de navigation, par exemple «Bonjour, John Doe»
  3. Liens de connexion et de déconnexion pour le menu de navigation

Utilisation du plugin WordPress des menus utilisateur

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

  1. Connectez-vous à votre installation WordPress
  2. Depuis 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 sur Activer le plugin

Application de contrôles de visibilité aux éléments de menu

Pour appliquer des contrôles de visibilité aux éléments de menu, vous devez effectuer les opérations suivantes:

  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 liste déroulante 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 serez alors en mesure de 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 sur lesquels les utilisateurs se connectent pour utiliser le site afficheront le nom d’un utilisateur dans l’en-tête du site Web pour montrer à un utilisateur qu’il est connecté à son site Web (prenez Themelocal par exemple – vous devriez voir “login” ou votre nom d’utilisateur à droite côté du menu de navigation).

Pour ce faire sur votre site Web à l’aide du plugin Menus utilisateur, 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 d’é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, il voit son nom dans le menu de navigation de votre site Web.

capture d'écran-2

Ajoutez 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’ajout d’un nouvel élément de menu accordéon, cliquez sur Liens utilisateurs pour développer le type d’élément de menu
  3. Cochez la case des liens de connexion et de déconnexion et cliquez sur le bouton Ajouter au menu bouton
  4. Développez les éléments de menu et ouvrez la fenêtre “Où les utilisateurs doivent-ils être conduits ensuite?” liste déroulante et sélectionnez Page actuelle (option par défaut), Page d’accueil ou URL personnalisée (si cette option est sélectionnée, vous devrez alors saisir 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 un commentaire ci-dessous – nous aimerions avoir de vos nouvelles.

Share: