Hur man lägger till en navigeringsmeny i WordPress (nybörjarguide)

nov 20, 2021
admin

Vill du lägga till en navigeringsmeny på din WordPress-webbplats?

WordPress har ett gränssnitt för dra och släpp-menyer som du kan använda för att skapa rubrikmenyer, menyer med dropdown-alternativ och mycket mer.

I den här steg-för-steg-guiden visar vi hur du enkelt lägger till en navigeringsmeny i WordPress.

Vad är en navigeringsmeny?

En navigeringsmeny är en lista med länkar som pekar till viktiga områden på en webbplats. De presenteras vanligen som en horisontell rad med länkar högst upp på varje sida på en webbplats.

Navigationsmenyer ger din webbplats struktur och hjälper besökarna att hitta det de söker. Så här ser navigeringsmenyn ut på WPBeginner:

WordPress gör det väldigt enkelt att lägga till menyer och undermenyer. Du kan lägga till länkar till dina viktigaste sidor, kategorier eller ämnen, blogginlägg och till och med anpassade länkar som din profil i sociala medier.

Den exakta placeringen av din meny beror på ditt WordPress-tema. De flesta teman har flera alternativ, så du kan skapa olika menyer som kan visas på olika ställen.

De flesta WordPress-teman har till exempel en primärmeny som visas högst upp. Vissa teman kan också innehålla en sekundär meny, en sidfotmeny eller en mobilnavigeringsmeny.

Videohandledning

Prenumerera på WPBeginner

Om du föredrar skriftliga instruktioner är det bara att fortsätta läsa.

Skapa din första anpassade navigeringsmeny

För att skapa en navigeringsmeny måste du gå till sidan Appearance ” Menus (Utseende ” Menyer) i din WordPress admin dashboard.

Först måste du ange ett namn för din meny, till exempel ”Top Navigation Menu” och sedan klicka på knappen ”Create Menu”. Detta kommer att expandera menyområdet och det kommer att se ut så här:

Nästan kan du välja vilka sidor du vill lägga till i menyn. Du kan antingen lägga till alla nya toppnivå-sidor automatiskt eller så kan du välja specifika sidor i den vänstra kolumnen.

Först klickar du på fliken ”Visa alla” för att se alla sidor på din webbplats. Därefter klickar du på rutan bredvid varje sida som du vill lägga till i menyn och klickar sedan på knappen ”Lägg till i menyn”.

När dina sidor har lagts till kan du flytta runt dem genom att dra och släppa dem.

Notera: Alla menyer har sina objekt listade i en vertikal (uppifrån och ned) lista i menyredigeraren. När du lägger menyn live på din webbplats visas den antingen vertikalt eller horisontellt (från vänster till höger), beroende på vilken plats du väljer.

De flesta teman har flera olika platser där du kan lägga menyer. I det här exemplet använder vi standardtemat 2020, som har 5 olika platser.

När du har lagt till sidor i menyn väljer du den plats där du vill visa menyn och klickar på knappen ”Spara menyn”.

Tip: Om du inte är säker på var varje plats är, kan du prova att spara menyn på olika ställen och sedan besöka din webbplats för att se hur det ser ut. Du kommer förmodligen inte att vilja använda alla platser, men du kanske vill använda fler än en.

Här är vår färdiga meny på webbplatsen:

Skapa rullgardinsmenyer i WordPress

Rullgardinsmenyer, som ibland kallas för nästlade menyer, är navigeringsmenyer med överordnade och underordnade menyalternativ. När du kör markören över ett överordnat objekt visas alla underordnade objekt under det i en undermeny.

För att skapa en undermeny drar du ett objekt under det överordnade objektet och drar det sedan något till höger. Vi har gjort det med tre underpunkter under ”Services” i vår meny:

Här är undermenyn live på webbplatsen:

Du kan till och med lägga till flera lager av rullgardinsmenyer, så att din undermeny kan ha en undermeny. Detta kan bli lite rörigt och många teman har inte stöd för rullgardinsmenyer i flera lager.

I det här exemplet kan du se att ”Logotypdesign” (ett underordnat objekt till ”Tjänster”) har två egna underordnade objekt.

Lägga till kategorier till WordPress-menyer

Om du använder WordPress för att driva en blogg kan du lägga till dina bloggkategorier som en rullgardinsmeny i din WordPress-meny. Vi gör detta på WPBeginner:

Du kan enkelt lägga till kategorier i din meny genom att klicka på fliken Kategorier på vänster sida av menyskärmen. Du kan också behöva klicka på fliken ”Visa alla” för att se alla dina kategorier.

Välj helt enkelt de kategorier du vill lägga till i menyn och klicka sedan på knappen ”Lägg till i menyn”.

Kategorierna kommer att visas som vanliga menyalternativ längst ner i din meny. Du kan dra och släppa dem på plats. Vi kommer att placera alla dessa kategorier under menyalternativet Blogg.

Vill du ha en bloggsida på din webbplats som är skild från din startsida? I så fall kan du läsa vår handledning om hur du skapar en separat sida för blogginlägg i WordPress.

Lägga till anpassade länkar till dina WordPress-navigationsmenyer

Bortsett från kategorier och sidor gör WordPress det också superenkelt att lägga till anpassade länkar till din meny. Du kan använda det för att länka till dina profiler i sociala medier, din webbutik och/eller andra webbplatser som du äger.

Du måste använda fliken ”Anpassade länkar” på menyskärmen. Lägg helt enkelt till länken tillsammans med den text du vill använda i din meny.

Du kan till och med vara kreativ och lägga till ikoner för sociala medier i din meny.

Redigera eller ta bort ett menyalternativ i WordPress navigeringsmenyer

När du lägger till sidor eller kategorier till din anpassade navigeringsmeny använder WordPress sidans titel eller kategorinamn som länktext. Du kan ändra detta om du vill.

Alla menyalternativ kan redigeras genom att klicka på pilen nedåt bredvid.

Du kan ändra namnet på menyalternativet här. Det är också här du kan klicka på ”Ta bort” för att ta bort länken från menyn helt och hållet.

Om du kämpar med dra-och-släpp-gränssnittet kan du också flytta menyalternativet genom att klicka på den lämpliga länken ”Flytta”.

Att lägga till WordPress-menyer i sidofält och sidofötter

Du behöver inte bara hålla dig till visningsplatserna för ditt tema. Du kan lägga till navigeringsmenyer i vilket område som helst som använder widgets, till exempel i sidofältet eller sidofoten.

Du går helt enkelt till Utseende ” Widgets och lägger till widgeten ”Navigation Menu” i sidofältet. Lägg sedan till en titel för widgeten och välj rätt meny från rullgardinslistan ”Select Menu”.

Här är ett exempel på en anpassad WordPress-footermeny som byggts på Syed Balkhis webbplats.

Gå vidare med navigeringsmenyer

Om du vill skapa en riktigt episk meny med massor av länkar har vi en handledning om hur du skapar en megameny i WordPress. Detta låter dig skapa en rullgardinsmeny med massor av objekt inklusive bilder.

Megamenyer är ett utmärkt alternativ om du har en stor webbplats, till exempel en nätbutik eller en nyhetssajt. Den här typen av meny används av webbplatser som Reuters, Buzzfeed, Starbucks etc.

FAQs About WordPress Menus

Här är några av de vanligaste frågorna som vi hör om WordPress-navigationsmenyer från nybörjare.

1. Hur lägger jag till en hemsidelänk till en WordPress-meny?

Om du vill lägga till din hemsida i en navigeringsmeny måste du klicka på fliken ”Visa alla” under Sidor. Därifrån bör du se din hemsida.

Kryssa i rutan bredvid ”Hem” och klicka på ”Lägg till i menyn”. Glöm inte att spara dina ändringar.

2. Hur lägger jag till flera navigationsmenyer i WordPress?

I WordPress kan du skapa så många menyer som du vill. För att placera en meny på din webbplats måste du lägga till den på en av temats menyplatser, eller på ett widgetområde som vi visade ovan.

För att lägga till flera navigeringsmenyer på din WordPress-webbplats skapar du först menyerna enligt vår handledning ovan.

För att placera dem på din webbplats klickar du på fliken ”Manage Locations”.

Här kan du välja vilken meny du vill visa på de menyplatser som finns tillgängliga i ditt tema.

Om du vill lägga till en ny menyplats på din webbplats kan du se vår handledning om hur du lägger till anpassade navigeringsmenyer i WordPress-teman.

Vi hoppas att den här artikeln har hjälpt dig att lära dig hur du lägger till en navigationsmeny i WordPress. Du kanske också vill kolla in våra guider om hur man stylar navigeringsmenyer i WordPress och hur man skapar en klibbig flytande navigeringsmeny i WordPress.

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

Lämna ett svar

Din e-postadress kommer inte publiceras.