Hur man lägger till WordPress-navigeringsmeny i inlägg / sidor

Många läsare har frågat oss varför deras meny inte visas på deras webbplats, eller om det är möjligt att skapa olika menyer för specifika sidor eller inlägg.

Svaret på båda frågorna är ja, men processen för att lägga till menyer i WordPress-inlägg och sidor skiljer sig beroende på vilket tema du använder.

För att hjälpa dig har vi tagit fram den här handledningen som visar hur du lägger till en WordPress-navigeringsmeny i inlägg och sidor.

Varför lägga till en WordPress-navigeringsmeny i inlägg / sidor?

En navigeringsmeny är en lista med länkar som pekar på viktiga områden på en webbplats, vanligtvis placerad i sidhuvudet. Dessa länkar kan hjälpa besökare att hitta det de letar efter, förbättra kundupplevelsen och behålla personer på din WordPress-webbplats längre.

Den exakta placeringen av din meny beror på ditt WordPress-tema. De flesta teman låter dig visa menyer på flera platser, men ibland kan du behöva lägga till en navigeringsmeny i ett inlägg eller en sida.

Till exempel kanske du vill lägga till en unik meny som länkar till alla produkter som nämns på en specifik försäljningssida.

Du kan också använda menyer för att visa specifika inlägg på din WordPress-blogg. Genom att placera denna navigeringsmeny kan du uppmuntra läsare att kolla in mer av ditt innehåll.

Med det sagt, låt oss se hur du kan lägga till en WordPress-navigeringsmeny i ett inlägg eller en sida. Använd helt enkelt snabblänkarna nedan för att hoppa direkt till den metod du vill använda:

• Metod 1: Använda temaanpassaren (endast klassiska teman)
• Metod 2: Använda WordPress Navigationsblock (Bäst för enskilda sidor och inlägg)
• Metod 3: Använda Full Site Editor (endast blockteman)
• Method 4: Creating a Custom WordPress Theme (More Customizable)

Metod 1: Använda temaanpassaren (endast klassiska teman)

Om du använder ett klassiskt tema och din lista med sidlänkar inte visas på dina sidor och inlägg, så har du troligtvis bara inte skapat en meny än och lagt till den i ditt temas menyplatser.

Men oroa dig inte, processen är ganska enkel. Först kan du gå till sidan Utseende » Menyer i din WordPress-administratörspanel.

Där kan du följa stegen i vår nybörjarguide om hur man lägger till en navigeringsmeny i WordPress.

Observera att varje klassiskt tema har olika menyplatser. Vissa kan inkludera platser för den primära navigeringsmenyn (inuti eller runt headerområdet), sidfotsmenyn och ibland sidofältsmenyn.

Om du upptäcker att den menyplats du vill ha inte erbjuds av ditt tema, kan du läsa vår guide om hur man skapar en anpassad navigeringsmeny i WordPress. Här visar vi dig hur du lägger till en anpassad menyplats i ditt tema.

Metod 2: Använda WordPress Navigationsblock (Bäst för enskilda sidor och inlägg)

Ett annat sätt att lägga till en WordPress-navigeringsmeny i inlägg och sidor är att använda det inbyggda navigeringsblocket. Detta gör att du kan visa en navigeringsmeny var som helst på en sida eller ett inlägg, men du måste manuellt lägga till varje meny.

För att komma igång med den här metoden, öppna helt enkelt sidan eller inlägget där du vill lägga till en WordPress-navigeringsmeny. Klicka sedan på '+'-knappen för att lägga till ett nytt block på sidan.

I popup-fönstret, skriv in ‘Navigation’.

När rätt block visas, klicka på det för att lägga till det på sidan eller inlägget.

Navigeringsblocket visar en av dina menyer som standard.

Om du vill lägga till en annan meny istället för huvudmenyn, öppna fliken 'Block'. Sedan behöver du välja fliken 'Listvy'.

Här kan du klicka på de tre prickarna bredvid 'Meny' för att se alla tillgängliga menyalternativ.

Välj sedan helt enkelt det meny namn du vill använda istället eller skapa en ny meny.

Ibland kanske du vill anpassa menyn genom att lägga till fler länkar. Om du till exempel driver en webbutik på WooCommerce, kanske du vill länka till alla e-handels WooCommerce-produkter som nämns på den sidan.

För att fortsätta och lägga till anpassade länkar i navigeringsmenyn, klicka på '+'-ikonen i fliken 'Listvy'.

Detta öppnar en popup med olika alternativ.

För att lägga till en länk till valfri sida på din WordPress-webbplats, klicka bara på ‘Sidlänk’.

Du kan nu antingen välja en sida från rullgardinsmenyn eller börja skriva in sidtiteln. När rätt sida visas, klicka för att lägga till den i den anpassade menyn.

För att lägga till fler sidor i navigeringsmenyn, upprepa helt enkelt samma process som beskrivs ovan.

Du kan också lägga till sociala ikoner i en WordPress-meny, vilket uppmuntrar folk att följa dig på Twitter, Facebook, YouTube, LinkedIn och mer.

För att komma igång, klicka på ikonen '+' i fliken 'Listvy'. Välj den här gången 'Sociala ikoner'.

Detta lägger till ett nytt område där du kan lägga till sociala ikoner.

För att komma igång, klicka på den nya sektionen ‘+ Klicka på plus för att lägga till’.

Välj nu det sociala nätverk du vill länka till.

Till exempel kan du välja 'Twitter' för att marknadsföra din Twitter-sida i WordPress.

Därefter behöver du konfigurera sociala ikoner.

De exakta stegen varierar beroende på socialt nätverk. Men du behöver vanligtvis klicka för att välja ikonen och sedan skriva in URL:en för din profil på sociala medier.

Upprepa helt enkelt dessa steg för att lägga till fler sociala ikoner i navigeringsmenyn.

Slutligen kanske du vill lägga till en sökfält i din WordPress-meny för att hjälpa folk att hitta intressanta sidor, inlägg, produkter och mer.

WordPress har en inbyggd sökfunktion, men den är grundläggande och ger inte alltid korrekta resultat. Därför rekommenderar vi att du använder ett WordPress-sökplugin för att förbättra din webbplatssökning.

Ännu bättre, om du väljer ett avancerat plugin som SearchWP, så kommer det att ersätta standard WordPress-sökningen. Efter att ha konfigurerat pluginet kommer alla sökfält på din webbplats automatiskt att använda SearchWP, inklusive eventuella sökfält i dina navigeringsmenyer.

Oavsett om du använder WordPress inbyggda funktion eller ett avancerat plugin som SearchWP, välj helt enkelt 'Sök' för att lägga till en sökfält i menyn.

När du är nöjd med menyns innehåll kanske du vill ändra hur den ser ut.

Du kan ändra menyns layout, inklusive dess justering och orientering, genom att välja fliken ‘Inställningar’.

Efter det kan du ändra stilen på navigeringsmenyn. Du kan ändra bakgrundsfärg, textfärg, typografi och mer genom att välja fliken ‘Styles’.

När du gör ändringar uppdateras förhandsgranskningen automatiskt. Det innebär att du kan prova många olika inställningar för att se vad som fungerar bäst för din WordPress-blogg.

Det finns många fler inställningar du kan konfigurera, men detta är allt du behöver för att lägga till en hjälpsam WordPress navigeringsmeny till ett inlägg eller en sida.

När du är redo att göra navigeringsmenyn live, klickar du bara på knappen ‘Uppdatera’ eller ‘Publicera’.

Nu, om du besöker den här sidan eller inlägget, kommer du att se navigeringsmenyn i aktion.

Metod 3: Använda Full Site Editor (endast blockteman)

Om du bara vill lägga till en navigeringsmeny till några få inlägg och sidor, då är metod 1 ett utmärkt val. Du måste dock lägga till varje meny manuellt, så detta är inte det bästa alternativet om du vill visa samma meny över hela din webbplats.

Om du använder ett blockbaserat tema som Hestia Pro, kan du lägga till en WordPress-navigeringsmeny i sid- eller inläggsmallen.

Denna meny kommer sedan att visas på alla dina sidor eller inlägg utan att du behöver lägga till den manuellt. Detta är perfekt om du alltid vill visa samma navigeringsmeny på exakt samma plats.

För att komma igång, gå till Utseende » Redigerare i WordPress-instrumentpanelen.

Du kommer nu att se några menyer i panelen till vänster.

För att lägga till en navigeringsmeny på dina WordPress-sidor eller inlägg, klicka på 'Mallar' i sidofältet till vänster.

Redigeraren visar nu alla mallar som utgör ditt WordPress-tema.

För att lägga till en navigeringsmeny i dina WordPress-blogginlägg, välj mallen 'Enskild'. Om du vill lägga till en meny i dina sidor istället, välj mallen 'Sida'.

WordPress visar nu en förhandsgranskning av din valda mall.

För att redigera den här mallen, klicka på den lilla pennikonen.

När det är klart, klicka på det blå ikonen '+' i det övre vänstra hörnet.

I sökfältet som visas, skriv in ‘Navigation’.

När rätt block visas, dra och släpp det på din mall.

Som standard visar blocket en av dina menyer. Om du vill lägga till en annan meny istället, klicka på fliken 'Block'. Välj sedan 'Listvy'.

Du kan nu klicka på de tre prickarna bredvid 'Meny' för att se alla menyer du har skapat på din WordPress-webbplats.

Välj helt enkelt en meny från listan.

När det är gjort kan du lägga till fler sidor i menyn, lägga till en sökfält och mer genom att följa stegen i metod 1.

När du är nöjd med hur navigeringsmenyn ser ut, klickar du på knappen 'Spara' för att göra den live. Nu, om du besöker din webbplats, kommer du att se samma navigeringsmeny på alla dina WordPress-sidor eller inlägg.

Med redigeraren för hela webbplatsen och blockredigeraren kan du skapa mer än en navigeringsmeny mönster och använda den endast på vissa sidor och inlägg. Detta kan spara dig massor av tid och ansträngning.

För mer information kan du läsa vår kompletta nybörjarguide till WordPress Full Site Editing.

Metod 4: Skapa ett anpassat WordPress-tema (mer anpassningsbart)

Ett annat alternativ är att skapa ett anpassat WordPress-tema. Detta är en mer avancerad metod, men den ger dig fullständig kontroll över var menyn visas i dina inlägg eller sidor.

Tidigare behövde du följa komplicerade handledningar och skriva kod för att bygga ett anpassat WordPress-tema. Nu är det dock möjligt att enkelt skapa dina egna teman med hjälp av SeedProd.

SeedProd är den bästa dra-och-släpp WordPress-sidbyggaren, och Pro- och Elite-användare får även en avancerad temabyggare. Detta gör att du kan designa dina egna WordPress-teman utan att skriva någon kod.

För steg-för-steg-instruktioner, se vår guide om hur man skapar ett anpassat WordPress-tema (utan kod).

Efter att ha skapat ett tema kan du lägga till en navigeringsmeny var som helst på din WordPress-webbplats.

Gå helt enkelt till SeedProd » Temabyggare och hitta mallen som styr layouten för dina inlägg eller sidor. Detta är vanligtvis 'Enskilt inlägg' eller 'Enskild sida'.

Detta öppnar mallen i SeedProds dra-och-släpp-sidbyggare.

I menyn till vänster, scrolla till sektionen ‘Widgets’. Hitta blocket Navigation Menu och dra det till din layout.

Klicka sedan för att välja blocket Navigeringsmeny i förhandsgranskningen.

Öppna nu rullgardinsmenyn 'Välj meny' och välj den meny du vill visa.

Du kan nu skriva en valfri titel i fältet ‘Titel’. Denna kommer att visas ovanför WordPress navigeringsmeny.

För att förhandsgranska hur menyn kommer att se ut på din webbplats, klicka på knappen 'Verkställ'.

Därefter kanske du vill styla menyn genom att klicka på fliken 'Avancerat'.

Om du har lagt till en titel kan du ändra textfärgen, justera typografin och lägga till mer utrymme mellan rubriken och menyalternativen.

Du kan också ändra färg och teckensnitt som används för menyalternativen.

Använd helt enkelt inställningarna 'Texttypografi' och 'Textfärg' för att göra dessa ändringar.

Därefter kan du ändra avståndet, lägga till anpassad CSS, och till och med lägga till CSS-animationer med hjälp av inställningarna i fliken ‘Avancerat’.

När du är nöjd med hur menyn ser ut, klicka på knappen 'Spara' i SeedProd-verktygsfältet. Välj sedan 'Publicera'.

Nu, om du besöker din webbplats, kommer du att se den nya sid- eller inläggslayouten i praktiken.

Lär dig fler sätt att anpassa din navigeringsmeny

Vill du ta din navigeringsmeny till nästa nivå? Här är några experthandledningar du kan läsa för att anpassa din navigeringsmeny:

• Hur man lägger till pilknapps-tangentbordsnavigering i WordPress
• Hur man skapar en vertikal navigeringsmeny i WordPress
• Hur man visar navigeringslänkar för brödsmulor i WordPress
• Hur man skapar en klistrig flytande navigeringsmeny i WordPress
• Hur du visar olika menyer för inloggade användare i WordPress
• Hur man skapar en rullgardinsmeny i WordPress (nybörjarguide)
• Hur man lägger till villkorlig logik till menyer i WordPress (steg för steg)

Vi hoppas att den här artikeln hjälpte dig att lära dig hur du lägger till en WordPress-navigeringsmeny i inlägg och sidor. Du kanske också vill kolla in vår artikel om hur du lägger till en skjutpanelmeny i WordPress-teman och vår nybörjarguide om hur du markerar ett menyalternativ i WordPress.

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.