Vill du add to en WordPress logga ut-länk till din site?
Om du runar en membership site, bbPress forum, ecommerce store eller ett learning management system (LMS) med WordPress, är det bra för dina användare att ha en synlig och tillgänglig länk för att logga ut.
I den här artikeln visar vi dig hur du addar länken WordPress logga ut till din navigation menu, samt till andra areas på din site.
Link för utloggning för WordPress
Normalt kan du logga ut från din WordPress site genom att clicka på länken ”Log Out”. Den här länken finns under din profil i det övre högra hörnet av WordPress admin bar.
All you behöver bara föra muspekaren till användarnamnet så visas det i dropdown-menyn.
Om du eller din site admin har inaktiverat WordPress admin bar, kommer du inte att kunna se WordPress logga ut-länken.
Den goda nyheten är att WordPress logga ut-länken kan nås direkt för att logga ut från din nuvarande WordPress-session.
Länken för att logga ut från din WordPress site gillar att se ut så här:
http://example.com/wp-login.php?action=logout
Glöm inte att ersätta example.com med ditt eget domain name.
Du kan komma åt denna link direkt i webbläsarens fönster för att logga ut från din WordPress site.
När du klickar på den här länken kommer du till en varningssida. Du måste klicka på länken ”logga ut” för att bekräfta att du verkligen vill logga ut.
Du kan också manuellt lägga till denna länk för utloggning var som helst på din WordPress website. Låt oss ta en titt på hur du gör det.
Video Tutorial
Om du inte gillar videoklippet eller behöver fler instruktioner är det bara att fortsätta läsa.
Lägga till länken Logga ut i navigationsmenyer i WordPress
Om du lägger till WordPress logga ut-länken i webbplatsens navigation menu blir den lättillgänglig från vilken page som helst på din website.
Bara head över till appearance ” Menus page i din WordPress admin. Efter det måste du klicka på fliken ”Custom Links” för att förstora den och lägga till länken för att logga ut i URL-fältet.
När du är klar klickar du på knappen ”Add to menu” och du kommer att notera att länken dyker upp i den högra colonnen. Du kan justera dess position genom att dra den uppåt eller nedåt.
Glöm inte att klicka på knappen ”Save Menu” för att spara dina ändringar.
Du kan nu besöka din WordPress blogg för att se länken för utloggning i navigation menu.
Problemet med att lägga till länken för att logga ut i menyn är att den är synlig för alla användare (både inloggade och utloggade). Det är bara vettigt att visa länken för att logga ut för användare som faktiskt är inloggade.
Du kan göra det genom att följa våra instruktioner om hur du visar olika menyer för inloggade användare.
Add WordPress Logout Link i sidebar widget
WordPress levereras med en standard widget som heter Meta. Denna widget visar en massa användbara links, inklusive en logga ut- eller logga in-länk till användare.
Vissa tycker att de andra links i Meta widget inte är riktigt lika användbara.
Som ett alternativ kan du också add to en plain text eller custom HTML widget med länken till logga ut i plain HTML. Här är HTML-koden som du behöver add to:
<a href="http://example.com/wp-login.php?action=logout">Logga ut</a>
Lägga till en dynamisk logga in / logga ut Link i WordPress
Om du manuellt lägger till en länk för att logga ut i WordPress, är problemet att den inte ändras baserat på användarens status för inloggning.
För att fixa det kan du använda ett plugin för att dynamiskt visa länken logga in eller logga ut baserat på användarens session.
Först måste du installera pluginet Login or Logout Menu Item. För detaljer, se vår Step-by-Step guide om hur du installerar ett plugin för WordPress.
När du har installerat och aktiverat pluginet måste du gå till Appearance ” Menus i din WordPress admin och lägga till länken ”Logga in / Logga ut” i din meny.
När du har tryckt på ”Save Menu” och kontrollerat din WordPress website kommer du att se linken i din meny.
Det ska se ut så här.
När du clickar på den kommer du till en page där du kan logga in, eller om du redan är inloggad kommer du att logga ut.
Denna metod fungerar också med WooCommerce, MemberPress och andra WordPress eCommerce-plattformar.
Vi hoppas att den här artikeln hjälpte dig att hitta den direkta WordPress-länken för att logga ut och add den till din navigation menu. Du kanske också vill se vår guide om hur du lägger till en knapp för anrop i WordPress eller våra expertval för de bästa tilläggen för sociala medier för WordPress.
If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.
Syed Balkhi says
Hey WPBeginner readers,
Did you know you can win exciting prizes by commenting on WPBeginner?
Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
You can get more details about the contest from here.
Start sharing your thoughts below to stand a chance to win!
Jiří Vaněk says
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 says
Amazing plugin and love it. Just wondering am I able to point the link to login/register page that I created?
Alvise says
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 says
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.
Administratör
Akter says
Thanks, It helps lot. Simple but time saver!
WPBeginner Support says
Glad our guide was helpful
Administratör
Naveen says
How to hide the menu based on the user login ad logout?
WPBeginner Support says
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/
Administratör
MauricioC says
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 says
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/
Administratör
Wpmarmite says
It does not work on a fresh site for me. Getting a 403 error, regardless of the theme.
WPBeginner Support says
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/
Administratör
Jessica says
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 says
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/
Administratör
melanie martins says
Hi … Is it possible to do a
action=logout …. &redirect
to the homepage?
WPBeginner Support says
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
Administratör
Sam Gallo says
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 says
it is reflecting for my footer menu too but i only want it in main menu.
Hawk says
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 says
Oops! doesn’t allowing me to add the code for you.
Dipak Gajjar says
This is for JIM. Sorry for the mess
Dipak Gajjar says
Alternatively you can use wp_logout_url() hook to get the job done (for advanced users / developers).
Jim says
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 says
Are you getting any error? Something like the below should work without any issue:
<a href="”>Logout
Dipak Gajjar says
`<a href="”>Logout`
Could you share the function you’ve added under function.php?