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 visar du olika menyer för inloggade användare i WordPress

WordPress visar samma navigeringsmeny för alla. Du kanske dock vill anpassa menyn beroende på om en användare är inloggad eller inte.

Att visa olika menyer för inloggade användare i WordPress är ett bra sätt att skapa en mer personlig upplevelse. Det gör att du kan visa relevant innehåll endast för dem som är inloggade, till exempel kontouppgifter eller exklusiva resurser.

I den här guiden förklarar vi hur du ställer in olika menyer för inloggade användare med hjälp av 2 metoder.

Showing different navigtion menus to logged in and non-logged in users in WordPress

Varför visas olika menyer för inloggade användare i WordPress?

Genom att Changed olika area på din WordPress-webbplats baserat på dina besökare och deras aktivitet får din site en personlig känsla för varje användare.

Detta personliga innehåll hjälper dig att förbättra användarupplevelsen på din WordPress-webbplats.

Om du driver en webbplats där användarna inte behöver registrera sig eller logga in kan du förmodligen använda samma navigeringsmenyer på hela webbplatsen. Andra webbplatser kan dock ha stor nytta av att visa anpassade menyer för inloggade användare.

Webbplatser som t.ex. en webbutik, en onlineplattform för lärande eller en WordPress-medlemskapswebbplats kan alla dra nytta av personliga navigeringsmenyer.

En personlig navigeringsmeny för inloggade användare gör det lättare för dem att hitta saker som de har registrerat sig för.

Till exempel kan en användare i en webbutik hantera sitt konto, eller en medlem i en betalande community kan enkelt förnya sin prenumeration eller se de exklusiva onlinekurser som de har köpt.

I WordPress kan du som standard skapa så många navigeringsmenyer som du vill. Du kan dock bara välja att visa en meny på en viss plats i ditt WordPress-tema.

Innan du sätter upp menyer för inloggade användare måste du först skapa två separata navigeringsmenyer. Den ena menyn ska vara för inloggade användare och den andra för utloggade användare. Låt oss sätta igång.

Bara en snabb anmärkning! De metoder vi delar med oss av är utformade för personer som använder klassiska WordPress-teman. Om du använder ett blocktema med FSE-funktioner (Full Site Editing) från WordPress 5.8 och framåt kanske den här metoden inte fungerar.

Skapa menyer för inloggade och icke-inloggade användare i WordPress

För att skapa separata menyer för de två typerna av användare måste du gå till sidan Utseende ” Menyer i WordPress instrumentpanel.

Om du redan har en navigeringsmeny som du använder på din webbplats för alla användare kan den bli din standardmeny.

Main menu

Därefter kan du klicka på länken ”Skapa en ny meny” för att skapa en ny anpassad meny för dina inloggade användare.

Här kan du gå vidare och lägga till menyalternativ som du vill visa för registrerade eller inloggade användare. Du kanske till exempel vill lägga till en utloggningslänk i din meny.

På vänster sida av skärmen ser du en lista över dina webbsidor. Markera bara rutan bredvid den sida som du vill lägga till i menyn och klicka på knappen ”Lägg till i menyn”.

Logged in menu

Du kan också dra och släppa menyalternativen på höger sida av skärmen för att ordna om dem.

Längre ner på sidan kan du välja en plats där du vill visa din meny. Men du behöver inte tilldela en plats till den här menyn nu. Det gör vi senare i artikeln.

Glöm inte att klicka på knappen ”Save Menu” för att spara dina ändringar.

Mer information om hur du skapar menyer finns i vår nybörjarguide till navigationsmenyer i WordPress.

Nu är du redo att visa olika menyer för inloggade användare. Här är en snabb översikt över alla de metoder som vi kommer att gå igenom i den här guiden:

Låt oss dyka in i den första metoden.

Metod 1. Visa olika menyer för inloggade användare i WordPress med hjälp av ett plugin

Det enklaste sättet att visa olika menyer för inloggade användare är att använda pluginet Conditional Menus. Så låt oss installera och aktivera det först.

Mer information finns i vår steg-för-steg-guide om hur du installerar ett WordPress-plugin.

Efter aktivering måste du navigera till Utseende ” Menyer från din WordPress-panel. Gå sedan till fliken ”Hantera platser”.

Här visas en lista över tillgängliga menypositioner som definierats i ditt WordPress-tema och de menyer som visas för närvarande.

Till exempel visar vår ”Primary Menu”-plats för närvarande en ”Main Menu”.

Manage menu locations

Nu måste vi tala om för plugin-programmet att visa en annan meny när ett visst villkor uppfylls.

För att göra det, låt oss klicka på länken ”+ Villkorlig meny”. Sedan kan du välja den navigeringsmeny som du vill visa för de inloggade användarna i rullgardinsmenyn.

Select logged in menu

Därefter ska du klicka på länken ”+ Villkor”.

Detta kommer att visa en popup där du ser ett antal villkor att välja mellan.

Select logged in user aa the condition

Markera bara rutan bredvid alternativet ”User logged in” och klicka sedan på knappen ”Save”.

Du kan nu besöka din webbplats för att se den inloggade användarens meny i aktion. Du kan också logga ut från din WordPress-admin för att se den navigationsmeny som visas för alla andra användare.

Different menu for logged in users

Metod 2. Välj manuellt den inloggade menyn i WordPress med hjälp av kod

Den här metoden är obligatorisk för att du ska kunna add to kod till din website i WordPress. Om du inte har gjort det tidigare kan du ta en titt på vår guide om hur du copy and pastear code snippets i WordPress.

I allmänhet måste du lägga till en kodsnutt i ditt temas functions.php-fil eller ett webbplatsspecifikt plugin. Vi rekommenderar dock inte den här metoden eftersom den potentiellt kan orsaka problem med din webbplats.

Istället kan du använda plugin-programmet WPCode.

MedWPCode kan du lägga till anpassade kodavsnitt på din webbplats utan att redigera temats filer direkt. Det hjälper också till att hantera dessa kodavsnitt och säkerställer att de körs på ett säkert sätt, vilket minimerar risken för att din webbplats går sönder.

För att komma igång installerar vi plugin-programmet WPCode. Du kan använda gratisversionen av WPCode, eftersom den har allt du behöver göra för att visa olika menyer för inloggade användare.

När du har installerat vill du navigera till Code Sn ippets + Lägg till snippets.

Add Snippet button in WPCode

Detta öppnar WPCodes galleri med kodsnuttar.

Härifrån kan du klicka på knappen ”+ Add Custom Snippet”.

Add Custom Snippet button in WPCode

Du kommer då till WPCodes textredigerare.

Nästa steg är att lägga till en titel till ditt kodavsnitt och välja ”HTML-snippet” i rullgardinsmenyn ”Code Type”.

Adding snippet title and choosing code type in WPCode

När du har gjort det kopierar du bara och klistrar in följande kod i fältet ”Code Preview”:

function my_wp_nav_menu_args( $args = '' ) {
if( is_user_logged_in() ) {
// Logged in menu to display
$args['menu'] = 43;

} else {
// Non-logged-in menu to display
$args['menu'] = 35;
}
return $args;
}
add_filter( 'wp_nav_menu_args', 'my_wp_nav_menu_args' );

Så här kan det se ut i din WPCode-editor:

The custom HTML snippet in WPCode's Code Preview

Se till att du ersätter 43 och 35 med ID:n för de navigeringsmenyer som du skapade tidigare.

Du kan hitta ID för en navigeringsmeny genom att välja den på sidan ”Menyer”. Menyns ID-nummer visas i adressfältet i din webbläsare.

Find navigation menu ID

När du har kontrollerat att alla uppgifter är korrekta klickar du på den blå knappen ”Save Snippet”.

Och så var det klart! Vi hoppas att den här artikeln har hjälpt dig att lära dig hur du enkelt kan visa olika navigeringsmenyer för inloggade användare i WordPress. Du kanske också vill läsa vår guide om hur du låter användare bjuda in sina vänner att registrera sig i WordPress och hur du utformar navigeringsmenyer i 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

98 kommentarerLämna ett svar

  1. Igoy Cavalera

    Perfect!
    Thanks a lot for the simple article. and save me for several hours

    • WPBeginner Support

      Glad we could help save you that time :)

      Administratör

  2. Alex

    Thanks for the code – works as it should, appreciated :)

    • WPBeginner Support

      Glad our guide could be helpful!

      Administratör

  3. Paul K

    Great! But where do I find my theme’s function.php?

  4. Clara

    Works great! I have the problem that I have to menus at the top: A headliner menu and the main menu. When I use the Code and the user is logged in bove menus switch to the logged-in menu. How can I adjust the code so that the headliner menu remains the same?

  5. Sergio

    Thank you very much!

    • WPBeginner Support

      You’re welcome :)

      Administratör

  6. Echo

    Would be much easier if you could do it for a specific menu item rather than an entire menu. What would someone with 499 menu items have to do?

    • WPBeginner Support

      We would not recommend that many menu items as that would be far too many for someone to navigate through which would likely cause an SEO issue if your menu links don’t add value for your visitors

      Administratör

  7. Evaldo Santos

    100%. Just configured it with Sahifa Theme and works like a charm.

    Keep up with this good work.

  8. Jason

    Thank you!! :)

  9. Bk Millanzi

    this is so helpful, but is there a way to display a username and avatar which can act as a container of other profile menu items, as a drop-down menu?

  10. Amarnadh

    The path you showed is well and good only for just showing custom menus. But what if i want to show my content to a specific logged in user based on his interests. That is in detail, like various deals sites, when we login and save our interests, the next moment we see deals only on that specific topic. Can we make that possible using WordPress plugins.

  11. Sam

    Hey there, thanks for the great work. I have a question about multiple user roles.

    So I have two main menus, Menu 1 and Menu 2.

    I would like all users (logged in or out) to see the main menu unless they have the userole of ”Alt”, in which case Menu 1 is replaced by Menu 2.

    How would I go about doing that?

  12. Tendai Mugoni

    It is working, thanks

  13. Curtis

    @ERICLEE You can create a child theme to prevent that from happening. I just added this code and need to do the same thing.

  14. shahzaib sarwer

    can it possible to add the menus in the subscriber profile accept than the home page these menu pages not show on the home page, just on the every subscriber profile. if it possible then please guide me, and tell me how use any pluging for this.

  15. shahzaib sarwer

    can it possible to add the menus in profile of the subscriber in wp site , if it possible so please anyone guide me what i do and how use any pluging of this work.

  16. Yuda

    How can the same be achieeved on a multi-language members site? For example show different menu for users logged in in english and a different menu for users logged in with german?

  17. solomon

    i have added log in menu and logout menu, how do i configure the page for login and log out ???,,

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.