Ajouter un lien de déconnexion à votre site WordPress améliore l’expérience utilisateur, notamment pour les sites d’adhésion, les forums bbPress, les boutiques e-commerce ou les systèmes de gestion de l’apprentissage (LMS), où les utilisateurs doivent se déconnecter régulièrement.
Dans cet article, nous vous expliquerons comment ajouter un lien de déconnexion WordPress à votre menu de navigation et dans d’autres zones stratégiques de votre site.
Le lien de déconnexion WordPress
Normalement, vous pouvez vous déconnecter de votre site WordPress en cliquant sur le lien “Se déconnecter”, situé sous votre photo de profil dans la barre d’administration WordPress.
Si la barre d’administration est désactivée, vous ne verrez pas ce lien. Cependant, vous pouvez accéder directement au lien de déconnexion via l’URL suivante :
http://votresite.com/wp-login.php?action=logout(Remplacez votresite.com par votre propre nom de domaine.)
En accédant à cette URL, vous serez dirigé vers une page de confirmation vous demandant de confirmer la déconnexion.
Ajouter le lien de déconnexion au menu de navigation WordPress
Ajouter un lien de déconnexion au menu de navigation permet aux utilisateurs de se déconnecter facilement depuis n’importe quelle page.
Étapes pour ajouter le lien de déconnexion au menu
- Accédez à la page des menus : Dans votre tableau de bord WordPress, allez dans Apparence > Menus.
- Ajoutez un lien personnalisé : Cliquez sur l’onglet Liens personnalisés.
- Saisissez l’URL de déconnexion : Dans le champ URL, entrez
http://votresite.com/wp-login.php?action=logout. - Ajoutez un texte de lien : Dans le champ “Texte du lien”, entrez Déconnexion.
- Ajoutez le lien au menu : Cliquez sur Ajouter au menu.
- Positionnez le lien : Faites glisser l’élément à l’endroit souhaité dans le menu.
- Enregistrez le menu : Cliquez sur Enregistrer le menu pour appliquer les modifications.
Vous verrez maintenant le lien de déconnexion dans votre menu de navigation.
Afficher le lien uniquement aux utilisateurs connectés
Par défaut, ce lien sera visible pour tous les visiteurs. Pour afficher le lien uniquement aux utilisateurs connectés, utilisez un plugin comme Login or Logout Menu Item.
Comment utiliser le plugin Login or Logout Menu Item ?
- Installez et activez le plugin : Dans Extensions > Ajouter, recherchez Login or Logout Menu Item, installez et activez-le.
- Ajoutez un lien dynamique : Retournez dans Apparence > Menus.
- Ajoutez l’élément “Log In/Log Out” à votre menu.
- Enregistrez les modifications.
Désormais, ce lien affichera “Connexion” si l’utilisateur est déconnecté, et “Déconnexion” s’il est connecté.
Ajouter un lien de déconnexion dans un widget de la barre latérale
WordPress propose un widget “Méta” qui inclut un lien de connexion/déconnexion.
Ajouter un widget Méta
- Accédez aux widgets : Dans votre tableau de bord WordPress, allez dans Apparence > Widgets.
- Ajoutez le widget Méta à la barre latérale.
- Enregistrez les modifications.
Si vous souhaitez un lien plus personnalisé, utilisez un widget “HTML personnalisé” avec le code suivant :
<a href="http://votresite.com/wp-login.php?action=logout">Déconnexion</a>
Conclusion
Ajouter un lien de déconnexion à votre site WordPress améliore l’accessibilité pour les utilisateurs, en particulier sur les sites avec des connexions régulières. Vous pouvez l’ajouter au menu de navigation ou à la barre latérale, et afficher ce lien uniquement pour les utilisateurs connectés en utilisant un plugin.
En suivant ces étapes, vous optimiserez l’expérience utilisateur sur votre site WordPress.