Ajouter un lien de déconnexion WordPress à votre site peut rendre votre site plus convivial. Cela est particulièrement vrai si vous gérez un site d’adhésion, un forum bbPress, un magasin de commerce électronique ou un système de gestion de l’apprentissage (LMS) où les utilisateurs doivent se déconnecter régulièrement.
Nous avons ajouté des liens de déconnexion faciles à utiliser à nos magasins en ligne et à la plateforme de formation WP101 axée sur WordPress afin de donner à nos utilisateurs un moyen rapide et facile de se déconnecter de leurs comptes.
Dans cet article, nous allons vous montrer comment ajouter un lien de déconnexion WordPress à votre menu de navigation et à d’autres zones stratégiques de votre site.
Le lien pour se connecter à WordPress et se déconnecter
Normalement, vous pouvez vous connecter à votre site WordPress en cliquant sur le lien « Déconnecter ». Ce lien se trouve sous l’image de votre profil, dans le coin supérieur droit de la barre d’administration de WordPress.
Il vous suffit de passer votre souris sur votre identifiant pour qu’il apparaisse dans le menu déroulant.
Si vous ou l’administrateur/administratrice de votre site avez désactivé la barre d’administration de WordPress, vous ne pourrez pas voir le lien de déconnexion de WordPress.
La bonne nouvelle, c’est qu’il est possible d’accéder directement au lien de déconnexion de WordPress pour se déconnecter de la session WordPress en cours.
Le lien permettant de se connecter à votre site WordPress ressemble à ceci :
http://example.com/wp-login.php?action=logout
N’oubliez pas de remplacer exemple.com par votre propre nom de domaine.
Vous pouvez accéder à ce lien directement dans la fenêtre de votre navigateur pour vous connecter à votre site WordPress.
Lorsque vous cliquez sur ce lien, une page d’avertissement s’affiche. Vous devrez cliquer sur le lien « se connecter » pour confirmer que vous souhaitez réellement vous déconnecter.
Vous pouvez également ajouter manuellement ce lien de se déconnecter n’importe où sur votre site WordPress. Voyons comment procéder.
Tutoriel vidéo
Si vous n’aimez pas la vidéo ou si vous avez besoin de plus d’instructions, alors continuez à lire.
Ajout d’un lien « se déconnecter » dans les menus de navigation de WordPress
L’ajout du lien WordPress se déconnecter dans le menu de navigation de votre site le rendra facilement accessible à partir de n’importe quelle page de votre site.
Il vous suffit de vous rendre sur la page Apparence » Menus dans l’interface d’administration de WordPress. Après cela, vous devez cliquer sur l’onglet » Liens personnalisés » pour le déplier et ajouter le lien se déconnecter dans le champ URL.
Une fois que vous avez terminé, cliquez sur le bouton « Ajouter au menu », et vous remarquerez que le lien apparaît dans la colonne de droite. Vous pouvez ajuster sa position en le faisant glisser vers le haut ou vers le bas.
N’oubliez pas de cliquer sur le bouton « Enregistrer le menu » pour stocker vos modifications.
Vous pouvez maintenant visiter votre blog WordPress pour voir le lien se déconnecter dans votre menu de navigation.
Le problème de l’ajout du lien de déconnexion dans le menu est qu’il est visible par tous les utilisateurs (qu’ils soient connectés ou non). Il est uniquement logique d’afficher le lien de déconnexion aux utilisateurs/utilisatrices connectés.
Vous pouvez le faire en suivant nos instructions sur la manière d’afficher différents menus aux utilisateurs/utilisatrices connectés.
Ajouter le lien de déconnexion de WordPress dans le widget de la colonne latérale
WordPress est livré avec un widget par défaut appelé Meta. Ce widget affiche une série de liens utiles, notamment un lien permettant aux utilisateurs/utilisatrices de se déconnecter ou de se connecter.
Certaines personnes trouvent que les autres liens du widget Meta ne sont pas aussi utiles.
Comme alternative, vous pouvez également ajouter un texte brut ou un widget HTML personnalisé avec le lien de déconnexion en HTML brut. Voici le code HTML que vous devrez ajouter :
<a href="http://example.com/wp-login.php?action=logout">Déconnexion</a>
Ajout d’un lien dynamique permettant de se connecter ou de se déconnecter dans WordPress
Si vous ajoutez manuellement un lien de déconnexion dans WordPress, le problème est qu’il ne se modifie pas en fonction de l’état de connexion du compte.
Pour corriger cela, vous pouvez utiliser un plugin pour afficher dynamiquement le lien se connecter ou se déconnecter en fonction de la session de l’utilisateur.
Tout d’abord, vous devrez installer l’extension Élément de menu de connexion ou de déconnexion. Pour plus de détails, consultez notre guide étape par étape sur l’installation d’une extension WordPress.
Après avoir installé et activé l’extension, vous devez vous rendre dans Apparence » Menus dans votre administration WordPress et ajouter le lien » Se connecter/déconnecter » à votre menu.
Après avoir cliqué sur « Enregistrer le menu » et vérifié votre site WordPress, vous verrez le lien dans votre menu.
Il devrait ressembler à ceci.
Lorsque vous cliquez dessus, vous accédez à une page vous permettant de vous connecter ou, si vous êtes déjà connecté, de vous déconnecter.
Cette méthode fonctionne également avec WooCommerce, MemberPress et d’autres plateformes WordPress d’e-commerce.
Guides d’experts sur le formulaire de connexion de WordPress
Nous espérons que cet article vous a aidé à trouver le lien direct de déconnexion de WordPress et à l’ajouter à votre menu de navigation. Vous pouvez également consulter d’autres guides liés à la connexion et à la déconnexion de WordPress :
- Comment ajouter une page de connexion et des widgets dans WordPress
- Comment ajouter un CAPTCHA dans le formulaire de connexion et d’enregistrement de WordPress
- Comment ajouter la connexion en un clic avec Google dans WordPress
- Comment ajouter des questions de sécurité à l’écran de connexion de WordPress
- Comment et pourquoi limiter les tentatives de connexion sur WordPress ?
- Comment désactiver les conseils de connexion dans les messages d’erreur de connexion de WordPress
- Comment personnaliser la page de réinitialisation du mot de passe de WordPress
- Comment créer un login temporaire pour WordPress (sans mot de passe)
Si vous avez aimé cet article, veuillez alors vous abonner à notre chaîne YouTube pour obtenir des tutoriels vidéo sur WordPress. Vous pouvez également nous trouver sur Twitter et Facebook.
Jiří Vaněk
A highly visible logout button largely eliminates security concerns such as users not logging out of the system because it’s complicated for them to find where to do it. So from a security point of view, this is a great solution.
Trevor Blackmore
Amazing plugin and love it. Just wondering am I able to point the link to login/register page that I created?
Alvise
Hi,
thank you for your guide, it works for me on desktop and tablets
but either I put the logout to the top menu or primary navigation menu (the three horizontal line) the logout doesn`t show on the menu.
Any suggestions?
WPBeginner Support
You would want to clear your cache or check with your theme’s support for the most common reasons and solutions for that specific issue.
Administrateur
Akter
Thanks, It helps lot. Simple but time saver!
WPBeginner Support
Glad our guide was helpful
Administrateur
Naveen
How to hide the menu based on the user login ad logout?
WPBeginner Support
You may want to take a look at our article below for adding conditional logic to your menus:
https://www.wpbeginner.com/plugins/how-to-add-conditional-logic-to-menus-in-wordpress/
Administrateur
MauricioC
In the confirmation page when someone click the logout link in the navigation menu, the page title is « something went wrong ». How can I change that?
WPBeginner Support
There should normally be more to that error but for a starting point you would want to go through our guide below:
https://www.wpbeginner.com/beginners-guide/beginners-guide-to-troubleshooting-wordpress-errors-step-by-step/
Administrateur
Wpmarmite
It does not work on a fresh site for me. Getting a 403 error, regardless of the theme.
WPBeginner Support
You may want to make sure you’re not running into the other common reasons for a 403 error: https://www.wpbeginner.com/wp-tutorials/how-to-fix-the-403-forbidden-error-in-wordpress/
Administrateur
Jessica
Unfortunately doesn’t work for me.
I get a 403 forbidden when I click on the link and that is caused by a plugin from my theme – so no way to avoid this I guess?
Any other solution what can work for people that can log in and out but without the admin bar?
WPBeginner Support
If you know your theme is the root of the 403 error then if you reach out to your theme’s support they may be able to help fix it. Otherwise, you could try to fix the 403 error using the method in our article here: https://www.wpbeginner.com/wp-tutorials/how-to-fix-the-403-forbidden-error-in-wordpress/
Administrateur
melanie martins
Hi … Is it possible to do a
action=logout …. &redirect
to the homepage?
WPBeginner Support
While we do not have an article on a beginner friendly plugin or method at the moment, we will certainly take a look into that for a future article or update
Administrateur
Sam Gallo
Doesn’t work if the login is redirected to a custom login page. How would you create a custom menu link that will logout without being redirected? In other words the logout cannot have « login » in is address to logout.
vaishali
it is reflecting for my footer menu too but i only want it in main menu.
Hawk
Great article on adding the logout link. It is possible to allow actions through htaccess if the URI is blocked?
For example I am using your « How to Limit Access by IP to Your wp-login.php file in WordPress » tip.
order deny,allow
Deny from all
# whitelist IP address
allow from xx.xxx.xx.xx
Can I allow « wp-login.php?action=logout » while still denying access to the base wp-login.php, and what would that htaccess code look like?
Dipak Gajjar
Oops! doesn’t allowing me to add the code for you.
Dipak Gajjar
This is for JIM. Sorry for the mess
Dipak Gajjar
Alternatively you can use wp_logout_url() hook to get the job done (for advanced users / developers).
Jim
I tried making a function in function.php and add a short-code of it so i can ‘call’ it where i want. I used the wp_logout_url(home_url()) but every-time i press the link the login gets stuck and does not redirect to the homepage. Suggestions ?
I check the link for post data and if the post data isset (isset($_GET[‘name’])) the user will logout with the function you mention. Any suggestions ?
Dipak Gajjar
Are you getting any error? Something like the below should work without any issue:
<a href=" »>Logout
Dipak Gajjar
`<a href=" »>Logout`
Could you share the function you’ve added under function.php?