Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
WPB Cup
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

Så här addar du WordPress Logout Link till Navigation Menu

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.

Adding a logout link in WordPress navigation menu

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.

Log out link in WordPress admin bar

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.

Logout confirmation

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

Subscribe to WPBeginner

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.

Logout link in navigation menu

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.

Logout link in the 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.

Meta widget in WordPress

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>

Logout HTML widget

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.

Login Logout menu WordPress plugin

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.

Login link in menu

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.

Avslöjande: Vårt innehåll stöds av våra läsare. Det innebär att om du klickar på några av våra länkar, kan vi tjäna en provision. Se hur WPBeginner finansieras, varför det är viktigt, och hur du kan stödja oss. Här är vår editoriala process.

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

Den ultimata WordPress-verktygslådan

Få GRATIS tillgång till vår verktygslåda - en samling WordPress-relaterade produkter och resurser som varje professionell användare bör ha!

Reader Interactions

26 kommentarerLämna ett svar

  1. Syed Balkhi

    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!

  2. 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.

  3. Trevor Blackmore

    Amazing plugin and love it. Just wondering am I able to point the link to login/register page that I created?

  4. 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.

      Administratör

  5. Akter

    Thanks, It helps lot. Simple but time saver!

    • WPBeginner Support

      Glad our guide was helpful :)

      Administratör

  6. Naveen

    How to hide the menu based on the user login ad logout?

  7. 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?

  8. Wpmarmite

    It does not work on a fresh site for me. Getting a 403 error, regardless of the theme.

  9. 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?

  10. 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 :)

      Administratör

  11. 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.

  12. vaishali

    it is reflecting for my footer menu too but i only want it in main menu.

  13. 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?

  14. Dipak Gajjar

    Oops! doesn’t allowing me to add the code for you.

    • Dipak Gajjar

      This is for JIM. Sorry for the mess :(

  15. 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?

Lämna ett svar

Tack för att du väljer att lämna en kommentar. Tänk på att alla kommentarer modereras enligt våra policy för kommentarer, och din e-postadress kommer INTE att publiceras. Vänligen använd INTE nyckelord i namnfältet. Låt oss ha en personlig och meningsfull konversation.