Après avoir géré plusieurs sites WordPress, nous avons appris que de petites améliorations de l'utilisabilité peuvent faire une grande différence.
L'une de ces améliorations consiste à ajouter un lien de déconnexion clair et facile à trouver. Nous utilisons des liens de déconnexion sur nos boutiques en ligne et sur la plateforme de formation WP101 car ils facilitent la vie des utilisateurs connectés.
Lorsqu'un lien de déconnexion est intégré à votre menu de navigation, les utilisateurs n'ont pas besoin de chercher dans leur page de compte ou de mémoriser une URL spéciale. Ils peuvent se déconnecter de n'importe où sur votre site en un seul clic.
Dans ce guide, nous vous montrerons plusieurs façons simples d'ajouter un lien de déconnexion dans WordPress, afin que vous puissiez choisir la méthode qui correspond le mieux à la disposition et au design de votre site.
💡Réponse rapide : Comment ajouter un lien de déconnexion dans WordPress
Si vous recherchez le lien direct pour vous déconnecter de WordPress, vous pouvez utiliser cette structure d'URL : https://example.com/wp-login.php?action=logout (remplacez example.com par le nom de votre domaine réel).
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.
La barre d'administration est la barre d'outils qui apparaît en haut de votre écran lorsque vous êtes connecté. Elle vous donne un accès rapide à des raccourcis pour le tableau de bord et l'éditeur de site.
Il vous suffit de survoler votre nom d'utilisateur avec votre souris, et le lien de déconnexion 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 ce lien.
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://example.com/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.
Il s'agit d'une fonctionnalité de sécurité intégrée. Elle vous protège contre une déconnexion accidentelle si vous cliquez sur le mauvais lien.
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
- Méthode 2 : Ajouter un lien de connexion/déconnexion dynamique à l'aide d'un plugin
- Tutoriel vidéo
- Foire aux questions sur le lien de déconnexion dans le menu WordPress
- Guides d'experts pour utiliser le formulaire de connexion WordPress
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.
📍Note : Si vous ne voyez pas Menus sous Apparence, vous utilisez probablement un thème basé sur des blocs. Dans ce cas, vous devez modifier votre menu de navigation dans l'Éditeur de site.
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://example.com/wp-login.php?action=logout">Déconnexion</a>
Tout comme l'ajout du lien à votre menu de navigation, le problème avec cette méthode est qu'elle est visible par tous les utilisateurs. Même les personnes qui ne sont pas connectées la verront.
Il n'est logique d'afficher le lien de déconnexion qu'aux utilisateurs qui sont effectivement connectés.
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 de connexion, 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.
Foire aux questions sur le lien de déconnexion dans le menu WordPress
Voici quelques questions que nos lecteurs nous ont fréquemment posées concernant les liens de déconnexion dans WordPress :
Comment ajouter des liens au menu de navigation dans WordPress ?
Vous pouvez ajouter des liens en allant dans Apparence » Menus dans votre tableau de bord WordPress. Dans la colonne de gauche, sélectionnez les pages, les articles, ou entrez un lien personnalisé, puis cliquez sur le bouton « Ajouter au menu » pour l'insérer dans la navigation de votre site.
Comment obtenir le lien de déconnexion dans WordPress ?
Vous pouvez créer un lien de déconnexion manuellement en utilisant cette structure d'URL : https://example.com/wp-login.php?action=logout. N'oubliez pas de remplacer example.com par le nom de votre propre domaine.
Comment rediriger les utilisateurs déconnectés dans WordPress ?
Pour rediriger les utilisateurs après leur déconnexion, vous avez généralement besoin d'un plugin. De nombreux plugins d'adhésion ou outils de sécurité vous permettent de définir une URL de redirection spécifique (comme votre page d'accueil) où les utilisateurs sont envoyés immédiatement après avoir cliqué sur le lien de déconnexion.
Comment changer l'URL de connexion pour WordPress ?
Vous pouvez changer l'URL de connexion par défaut pour améliorer la sécurité en utilisant un plugin comme SeedProd. Il vous permet de créer une adresse de connexion personnalisée, telle que /mon-connexion/, ce qui rend plus difficile pour les pirates de trouver votre page d'entrée.
Pour plus de détails, consultez notre guide sur l'ajout d'une URL de connexion personnalisée dans WordPress.
Comment savoir si un utilisateur est connecté sur WordPress ?
Par défaut, WordPress n'affiche pas une liste des utilisateurs actuellement en ligne. Pour savoir qui est effectivement connecté en temps réel, vous devrez installer un plugin de suivi d'activité ou utiliser un outil d'analyse comme MonsterInsights.
Guides d'experts pour utiliser 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 voudrez peut-être aussi 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://014.leahstevensyj.workers.dev/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://014.leahstevensyj.workers.dev/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://014.leahstevensyj.workers.dev/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://014.leahstevensyj.workers.dev/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 ?