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 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’il est un visiteur et n’a 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 logiciel gratuit Menus utilisateur plugin par Plugins de la jungle.
Fonctionnalités du plug-in de menus utilisateur
Le plugin fournit trois ensembles principaux de fonctionnalités qui sont utiles pour créer des menus dynamiques :
- 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)
- Informations utilisateur enregistrées dans le menu de navigation, par exemple « Bonjour, John Doe »
- 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 des plugins WordPress.org, vous pouvez installer le plugin en procédant comme suit :
- Connectez-vous à votre installation WordPress
- Depuis le tableau de bord, accédez à Plugins > Ajouter un nouveau
- Rechercher Menus utilisateur (créé par Jungle Plugins & Daniel Iser)
- Clique le Installer maintenant bouton
- Une fois le plugin téléchargé et installé, cliquez pour 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 procéder comme suit :
- Depuis le tableau de bord, accédez à Apparence > Menus
- Ajoutez un nouvel élément de menu à votre menu ou développez un élément de menu existant
- 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)
- Si vous sélectionnez Utilisateurs connectés, vous pourrez alors sélectionner les rôles d’utilisateur pouvant voir l’élément de menu si vous souhaitez restreindre un élément de menu à un ou plusieurs rôles d’utilisateur uniquement.
- Une fois que vous avez appliqué les contrôles de visibilité souhaités à votre menu, cliquez sur le bouton Enregistrer le menu
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 Themelocal par exemple – vous devriez voir « connexion » ou votre nom d’utilisateur sur la 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 :
- Depuis le tableau de bord, accédez à Apparence > Menus
- Ajoutez un nouvel élément de menu à votre menu ou développez un élément de menu existant
- Ouvrez la liste déroulante « Qui peut voir ce lien » et sélectionnez Utilisateurs connectés
- 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
- 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}
- 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.
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 :
- Depuis le tableau de bord, accédez à Apparence > Menus
- 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
- Cochez la case des liens Connexion et Déconnexion et cliquez sur le bouton Ajouter au menu bouton
- Développez les éléments de menu et ouvrez le menu « Où les utilisateurs doivent-ils être emmenés par la suite ? » menu 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é)
- Cliquez sur le bouton Enregistrer le menu
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.