Hur du visar olika menyer för inloggade användare i WordPress

Har du någonsin märkt hur förvirrande det kan vara för dina WordPress-webbplatsbesökare när de är inloggade men fortfarande ser 'Logga in' eller 'Registrera' knappar överallt? Eller kanske dina medlemmar kämpar för att hitta sitt konto-dashboard eftersom det är begravt i menyn.

Dessa små frustrationer kan få även dina mest lojala användare att känna sig som utomstående på din egen webbplats.

Och en personlig meny kan göra hela skillnaden. Att visa inloggade användare alternativ som "Mitt konto" eller "Logga ut" istället för generiska länkar får din webbplats att kännas mer välkomnande och professionell.

De goda nyheterna? Att skapa dynamiska menyer i WordPress är enklare än du kanske tror.

I den här guiden visar vi dig två enkla metoder för att visa olika menyer för inloggade användare, oavsett din kunskapsnivå. 💡

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

Att ändra olika delar av din WordPress-webbplats baserat på dina besökare och deras aktivitet gör att din webbplats känns personlig för varje användare.

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

Nu, om du driver en webbplats där användare inte behöver registrera sig eller logga in, kan du förmodligen använda samma navigeringsmenyer över hela din webbplats. Däremot kan andra webbplatser ha stor nytta av att visa anpassade menyer för inloggade användare.

Till exempel kan webbplatser som en onlinebutik, en online-lärplattform eller en WordPress-medlemskapswebbplats-community alla dra nytta av personliga navigeringsmenyer.

En personlig navigeringsmeny för inloggade användare hjälper dem att lättare hitta saker de registrerat sig för.

Till exempel kan en användare i en onlinebutik hantera sitt konto, eller en medlem i en betald community kan enkelt förnya sitt abonnemang eller se de exklusiva onlinekurser de har köpt.

Som standard låter WordPress dig 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 ställer in menyer för inloggade användare måste du först skapa två separata navigeringsmenyer. En meny kommer att vara för inloggade användare och den andra för utloggade användare. Låt oss börja.

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 vill du gå till sidan Utseende » Menyer i WordPress-instrumentpanelen.

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

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 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 kan du se en lista över dina webbplatsens sidor. Markera helt enkelt rutan bredvid den sida du vill lägga till i din meny och klicka på knappen 'Add to 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 att 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 'Spara meny' för att spara dina ändringar.

För mer information om att skapa menyer, ta en titt på vår nybörjarguide till WordPress navigeringsmenyer.

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

• Metod 1. Visa olika menyer för inloggade användare i WordPress med hjälp av ett plugin
• Metod 2. Välj manuellt den inloggade menyn i WordPress med kod
• Bonustips: Fler användningsfall för villkorsstyrd logik i WordPress-menyer
• Vanliga frågor: Visa olika menyer för inloggade användare i WordPress
• Ytterligare resurser: WordPress användarroller och webbplatsnavigering

Redo att skapa en mer skräddarsydd upplevelse? Låt oss dyka in! 🌟

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 Conditional Menus plugin. Så, låt oss installera och aktivera det först.

För mer information kan du se vår steg-för-steg-guide om hur man installerar ett WordPress-plugin.

Efter aktivering behöver du navigera till Utseende » Menyer från din WordPress-instrumentpanel. Byt sedan till fliken 'Hantera platser'.

Här ser du listan över tillgängliga menyplatser som definierats i ditt WordPress-tema och de menyer som för närvarande visas.

Till exempel visar vår 'Primär meny'-plats för närvarande en 'Huvudmeny'.

Nu måste vi tala om för pluginet att visa en annan meny när ett visst villkor är uppfyllt.

För att göra det, klickar vi på länken '+ Villkorlig meny'. Sedan kan du välja den navigeringsmeny du vill visa för inloggade användare från rullgardinsmenyn.

Därefter vill du klicka på länken ‘+ Villkor’.

Detta kommer att öppna ett popup-fönster där du ser en mängd villkor att välja mellan.

Markera helt enkelt rutan bredvid alternativet 'Användare inloggad' och klicka sedan på knappen 'Spara'.

Du kan nu besöka din webbplats för att se menyn för inloggade användare i praktiken. Du kan också logga ut från din WordPress-admin för att se navigeringsmenyn som visas för alla andra användare.

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

Den här metoden kräver att du lägger till kod på din WordPress-webbplats. Om du inte har gjort det tidigare, ta en titt på vår guide om hur man kopierar och klistrar in kodsnuttar i WordPress.

Generellt sett kommer bloggar att berätta att du behöver lägga till ett kodavsnitt i ditt temas functions.php-fil eller ett webbplatsspecifikt plugin. Vi rekommenderar dock inte denna metod eftersom den potentiellt kan orsaka problem med din webbplats.

Istället kan du använda WPCode-pluginet.

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

För att komma igång, låt oss installera WPCode-pluginet. Du kan använda WPCode gratisversion, eftersom den har alla funktioner du behöver för att visa olika menyer för inloggade användare.

Men om du vill ha tillgång till avancerade funktioner som kodgranskningshistorik och schemaläggning när kodavsnitt publiceras, överväg då att uppgradera till WPCode Pro.

När du har installerat vill du navigera till Kodavsnitt » + Lägg till kodavsnitt.

Detta öppnar WPCode:s galleri med kodavsnitt.

Härifrån kan du klicka på knappen ‘+ Lägg till anpassad kodsnutt’.

Du kommer då till WPCode:s textredigerare.

Nästa steg är att lägga till en titel för ditt kodavsnitt och välja 'HTML snippet' från rullgardinsmenyn 'Code Type'.

När du är klar, kopiera och klistra helt enkelt 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-redigerare:

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

Du kan hitta ID:t för en navigeringsmeny genom att välja den på sidan 'Menus'. Du kommer att se meny-ID-numret i din webbläsares adressfält.

När du har kontrollerat att alla detaljer är korrekta, klickar du på den blå knappen ‘Spara utdrag’.

Och det var allt!

Bonustips: Fler användningsfall för villkorsstyrd logik i WordPress-menyer

När det gäller navigering kan villkorsstyrd logik göra mer än att visa olika menyer för inloggade användare. Här är några snabba exempel:

• Visa olika menyer baserat på användarroll: Du kan visa en annan meny för administratörer jämfört med medarbetare. Visa till exempel endast admin-alternativ som webbplatsinställningar eller användarhantering för administratörer, samtidigt som du erbjuder allmänna navigeringslänkar till medarbetare eller andra användarroller.
• Visa olika menyer på olika sidor: Vill du ha en unik meny på din bloggsida eller produktsidor? Villkorlig logik låter dig skapa specifika menyer för varje, så att navigeringen skräddarsys efter innehållet.
• Dölj navigering på landningssidor: Landningssidor fungerar bäst utan distraktioner. Använd villkorlig logik för att dölja din navigeringsmeny och fokusera uppmärksamheten på din call-to-action, som ett registreringsformulär eller ett produktbud.

För att lära dig mer kan du hänvisa till vår guide om hur man lägger till villkorsstyrd logik i menyer i WordPress.

Vanliga frågor: Visa olika menyer för inloggade användare i WordPress

Har du fortfarande frågor om att visa olika menyer för användare i WordPress? Här är några snabba svar som kan hjälpa dig:

Kan jag visa olika menyer baserat på användarroller?

Absolut. Du kan visa unika menyer för administratörer, redaktörer eller någon annan anpassad användarroll på din webbplats. Pluginet Conditional Menus erbjuder ett enkelt alternativ för att ställa in detta, vilket är perfekt för att skräddarsy navigering för dina teammedlemmar.

Är det bättre att använda ett plugin eller lägga till kod manuellt?

För de flesta användare rekommenderar vi att använda ett plugin som Conditional Menus eller WPCode. Dessa verktyg gör det enkelt att visa olika menyer utan att röra dina temafiler.

WPCode är särskilt användbart om du föredrar flexibiliteten med att använda kod. Det låter dig säkert lägga till anpassade PHP-kodavsnitt och hantera dem från din WordPress-instrumentpanel – du behöver inte redigera functions.php direkt.

Manuell kodning är fortfarande ett bra alternativ för utvecklare, men för alla andra är ett plugin det säkrare, mer nybörjarvänliga valet.

Kan jag dölja navigeringsmenyn på vissa sidor?

Ja, du kan använda samma villkorliga logik för att dölja din navigeringsmeny på specifika sidor. Detta är en populär strategi för landningssidor, eftersom den tar bort distraktioner och håller besökaren fokuserad på din uppmaning till handling.

Ytterligare resurser: WordPress användarroller och webbplatsnavigering

Vi hoppas att den här artikeln har hjälpt dig att lära dig hur du enkelt visar olika navigeringsmenyer för inloggade användare i WordPress. Därefter kanske du också vill se våra guider om:

• Hur man tillåter användarregistrering på din WordPress-webbplats
• Hur man låter användare bjuda in sina vänner att registrera sig i WordPress
• Hur du modererar nya användarregistreringar i WordPress
• Hur du får WordPress att inte glömma dig med "Kom ihåg mig"
• Hur man hälsar varje användare med ett anpassat välkomstmeddelande i WordPress
• Hur du begränsar dina WordPress-formulär till endast inloggade användare
• Hur man stylar WordPress navigeringsmenyer
• Bästa WordPress-medlemskapsplugins

Om du gillade den här artikeln, prenumerera då på vår YouTube-kanal för WordPress-videoguider. Du kan också hitta oss på Twitter och Facebook.