Ajouter un lien de déconnexion à votre site WordPress améliore l’expérience utilisateur, en particulier pour les sites d’adhésion, les forums bbPress, les boutiques e-commerce ou les plateformes d’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 à d’autres emplacements stratégiques de votre site.
Ajouter un lien de déconnexion WordPress
Par défaut, vous pouvez vous déconnecter de WordPress en cliquant sur “Déconnexion”, situé sous votre avatar dans la barre d’administration WordPress.
Cependant, si la barre d’administration est désactivée, vous ne verrez pas ce lien. Heureusement, WordPress propose une URL directe pour se déconnecter :
http://votresite.com/wp-login.php?action=logoutRemplacez votresite.com par votre nom de domaine. En accédant à ce lien, une page de confirmation apparaîtra avant la déconnexion.
Voyons maintenant comment ajouter ce lien dans votre menu de navigation.
Ajouter le lien de déconnexion au menu de navigation
- Rendez-vous dans Apparence > Menus dans votre tableau de bord WordPress.
- Cliquez sur Liens personnalisés pour développer l’option.
- Dans le champ URL, ajoutez :
http://votresite.com/wp-login.php?action=logout - Dans le champ Texte du lien, entrez “Déconnexion”.
- Cliquez sur Ajouter au menu.
- Faites glisser l’élément pour le positionner selon vos besoins.
- Cliquez sur Enregistrer le menu.
Vous pouvez maintenant voir le lien “Déconnexion” dans votre menu de navigation. Toutefois, ce lien sera visible pour tous les visiteurs, qu’ils soient connectés ou non. Pour l’afficher uniquement aux utilisateurs connectés, vous pouvez utiliser un plugin comme Login or Logout Menu Item.
Ajouter un lien de déconnexion dans un widget de la barre latérale
WordPress inclut un widget “Méta” qui affiche un lien de connexion/déconnexion, mais il inclut aussi d’autres liens peu utiles pour certains sites. Une alternative consiste à ajouter un widget HTML personnalisé avec le lien de déconnexion.
- Accédez à Apparence > Widgets.
- Ajoutez un widget HTML personnalisé à votre barre latérale.
- Insérez le code suivant :
<a href="http://votresite.com/wp-login.php?action=logout">Déconnexion</a> - Enregistrez les modifications.
Ajouter un lien de connexion/déconnexion dynamique
Si vous ajoutez manuellement un lien de déconnexion, il s’affichera toujours, même pour les utilisateurs déconnectés. Pour afficher dynamiquement “Connexion” ou “Déconnexion” en fonction du statut de l’utilisateur, utilisez un plugin comme Login or Logout Menu Item.
Installation et configuration :
- Installez et activez le plugin “Login or Logout Menu Item”.
- Allez dans Apparence > Menus.
- Ajoutez l’élément “Log In/Log Out” à votre menu.
- Enregistrez les modifications.
Désormais, les utilisateurs connectés verront “Déconnexion”, tandis que les utilisateurs déconnectés verront “Connexion”.
Ressources complémentaires
Voici d’autres guides utiles pour gérer les connexions et la sécurité de votre site WordPress :
- Ajouter une page de connexion frontale et des widgets
- Ajouter un CAPTCHA sur les formulaires de connexion
- Activer la connexion en un clic avec Google
- Ajouter des questions de sécurité à l’écran de connexion
- Limiter les tentatives de connexion pour améliorer la sécurité
- Désactiver les indices de connexion dans les messages d’erreur
- Personnaliser la page de réinitialisation de mot de passe
- Créer une connexion temporaire sans mot de passe
En appliquant ces conseils, vous améliorerez l’expérience utilisateur et la sécurité de votre site WordPress.