{"id":34550,"date":"2020-03-03T05:47:26","date_gmt":"2020-03-03T13:47:26","guid":{"rendered":"https:\/\/kinsta.com\/?post_type=knowledgebase&#038;p=66027"},"modified":"2025-10-01T20:05:23","modified_gmt":"2025-10-01T20:05:23","slug":"rullgardinsmeny-i-wordpress","status":"publish","type":"post","link":"https:\/\/kinsta.com\/se\/blog\/rullgardinsmeny-i-wordpress\/","title":{"rendered":"S\u00e5 skapar du en rullgardinsmeny i WordPress (i 5 steg)"},"content":{"rendered":"<p>Webbplatsnavigering \u00e4r nyckeln till att hj\u00e4lpa dina anv\u00e4ndare att n\u00e5 dit de vill komma. En v\u00e4l utformad meny kan r\u00e4cka l\u00e5ngt till att f\u00f6rb\u00e4ttra anv\u00e4ndarupplevelsen (UX), och till och med <a href=\"https:\/\/kinsta.com\/se\/blog\/sa-minskar-du-avvisningsfrekvens\/\">minska din avvisningsfrekvens<\/a>. Men en d\u00e5ligt utformad s\u00e5dan kan g\u00f6ra precis det motsatta.<\/p>\n<p>Med WordPress kan du lyckligtvis <a href=\"https:\/\/kinsta.com\/blog\/wordpress-custom-menu\/\">skapa egna menyer<\/a> f\u00f6r att passa behoven hos just din webbplats. Du kan \u00e4ven anv\u00e4nda inbyggda funktioner f\u00f6r att l\u00e4gga till en kompakt rullgardinsmeny i WordPress som sparar utrymme, samtidigt som den tydligt visar dina bes\u00f6kare i r\u00e4tt riktning.<\/p>\n<p>I det h\u00e4r inl\u00e4gget diskuterar vi varf\u00f6r webbplatsnavigering \u00e4r viktigt och hur rullgardinsmenyer kan vara s\u00e4rskilt anv\u00e4ndbara. Sedan kommer vi att g\u00e5 igenom hur du skapar dem i WordPress, och dela n\u00e5gra plugins som kan hj\u00e4lpa till med arbetet.<\/p>\n<p>Nu b\u00f6rjar vi!<\/p>\n<div><\/div><kinsta-auto-toc heading=\"Table of Contents\" exclude=\"last\" list-style=\"arrow\" selector=\"h2\" count-number=\"-1\"><\/kinsta-auto-toc>\n<h2>En introduktion till WordPressnavigering och rullgardinsmenyer<\/h2>\n<p>\u00c4ven om de kan vara anspr\u00e5ksl\u00f6sa \u00e4r navigeringsmenyer en viktig del av varje webbplats. De hj\u00e4lper anv\u00e4ndarna att snabbt hitta de mest relevanta sidorna f\u00f6r att uppn\u00e5 sina m\u00e5l, samtidigt som de ger f\u00f6rstag\u00e5ngsbes\u00f6kare en uppfattning om vad du har att erbjuda:<\/p>\n<figure style=\"width: 1500px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/se\/wp-content\/uploads\/sites\/9\/2020\/01\/navigeringsmenyn.png\" alt=\"Prim\u00e4ra navigeringsmenyn p\u00e5 Kinstas webbplats\" width=\"1500\" height=\"112\"><figcaption class=\"wp-caption-text\">Prim\u00e4ra navigeringsmenyn p\u00e5 Kinstas webbplats<\/figcaption><\/figure>\n<p>Att ha en v\u00e4l utformad navigeringsmeny \u00e4r nyckeln till att \u00f6ka konverteringar och minska din avvisningsfrekvens. N\u00e4r anv\u00e4ndarna enkelt kan hitta de sidor d\u00e4r din produkt, <a href=\"https:\/\/kinsta.com\/se\/blog\/wordpress-kontaktformularplugins\/\" target=\"_blank\" rel=\"noopener noreferrer\">ditt e-postregistreringsformul\u00e4r<\/a> eller annat konverteringsinneh\u00e5ll finns, \u00e4r det enklare att f\u00e5 dem att g\u00f6ra ett k\u00f6p eller registrera sig.<\/p>\n<p>Om anv\u00e4ndarna tryggt kan hitta sin v\u00e4g genom hela din webbplats kommer de dessutom inte l\u00e4mna dina sidor f\u00f6r att de hamnade p\u00e5 fel st\u00e4lle. Att hj\u00e4lpa dem att komma r\u00e4tt f\u00f6rsta g\u00e5ngen kan b\u00e5de f\u00f6rb\u00e4ttra UX och minimera frustration.<\/p>\n<p>I WordPress \u00e4r menyer en naturlig funktion. Varje webbplats som skapas med plattformen kan visa en eller flera av dem. Men <a href=\"https:\/\/kinsta.com\/se\/blog\/snabbaste-wordpress-theme\/\" target=\"_blank\" rel=\"noopener noreferrer\">WordPressteman<\/a> spelar ocks\u00e5 en viktig roll n\u00e4r det g\u00e4ller styling och att placera ut din meny eller dina menyer.<\/p>\n<p>Av denna anledning kan din WordPressmeny ta sig ut p\u00e5 m\u00e5nga olika s\u00e4tt. Den mest k\u00e4nda \u00e4r headermenyn som alltid finns som standard:<\/p>\n<figure style=\"width: 1500px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/se\/wp-content\/uploads\/sites\/9\/2020\/01\/typisk-headermeny.png\" alt=\"Ett exempel p\u00e5 en typisk headermeny\" width=\"1500\" height=\"618\"><figcaption class=\"wp-caption-text\">Ett exempel p\u00e5 en typisk headermeny<\/figcaption><\/figure>\n<p>Du kan ofta ocks\u00e5 inkludera en extra sidfotsmeny l\u00e4ngst ner p\u00e5 dina sidor. Den kan visa samma inneh\u00e5ll som din headermeny eller erbjuda n\u00e5got annorlunda alternativ:<\/p>\n<figure style=\"width: 1500px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/se\/wp-content\/uploads\/sites\/9\/2020\/01\/exempel-pa-en-sidfotsmeny.png\" alt=\"Ett exempel p\u00e5 en sidfotsmeny\" width=\"1500\" height=\"391\"><figcaption class=\"wp-caption-text\">Ett exempel p\u00e5 en sidfotsmeny<\/figcaption><\/figure>\n<p>En annan stil \u00e4r ett meny-overlay som anv\u00e4ndare kan \u00f6ppna och st\u00e4nga n\u00e4r de vill.<\/p>\n<figure style=\"width: 1500px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/se\/wp-content\/uploads\/sites\/9\/2020\/01\/overlay-meny.png\" alt=\"Ett exempel p\u00e5 en overlay-meny\" width=\"1500\" height=\"854\"><figcaption class=\"wp-caption-text\">Ett exempel p\u00e5 en overlay-meny<\/figcaption><\/figure>\n<p>Alternativt kan du \u00f6verv\u00e4ga att anv\u00e4nda en sidof\u00e4ltsmeny:<\/p>\n<figure style=\"width: 1500px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/se\/wp-content\/uploads\/sites\/9\/2020\/01\/sidofaltsmeny.png\" alt=\"Ett exempel p\u00e5 en sidof\u00e4ltsmeny\" width=\"1500\" height=\"797\"><figcaption class=\"wp-caption-text\">Ett exempel p\u00e5 en sidof\u00e4ltsmeny<\/figcaption><\/figure>\n<p>Eller s\u00e5 kan du anv\u00e4nda en rullgardinsmeny, som \u00e4ven ibland kallas en &#8221;kapslad&#8221; meny:<\/p>\n<figure style=\"width: 1500px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/se\/wp-content\/uploads\/sites\/9\/2020\/01\/exempel-pa-en-rullgardinsmeny.png\" alt=\"Ett exempel p\u00e5 en rullgardinsmeny\" width=\"1500\" height=\"806\"><figcaption class=\"wp-caption-text\">Ett exempel p\u00e5 en rullgardinsmeny<\/figcaption><\/figure>\n<p>Denna typ av navigering \u00e4r idealisk f\u00f6r m\u00e5nga typer av webbplatser. Den kommer inte att d\u00f6lja ditt inneh\u00e5ll som en overlay-meny g\u00f6r, men \u00e4r inte lika p\u00e5tr\u00e4ngande som en stor header eller en sidof\u00e4ltsmeny.<\/p>\n<p>Genom att d\u00f6lja lite inneh\u00e5ll tills det beh\u00f6vs sparar du sk\u00e4rmutrymme samtidigt som anv\u00e4ndarna f\u00e5r ett enkelt s\u00e4tt att ta sig runt p\u00e5 webbplatsen.<\/p>\n<h2>S\u00e5 skapar du en rullgardinsmeny i WordPress (i 5 steg)<\/h2>\n<p>Om du har best\u00e4mt dig f\u00f6r att en rullgardinsmeny kan passa bra f\u00f6r din WordPresswebbplats, \u00e4r det ganska enkelt att st\u00e4lla in en. Genom att anv\u00e4nda de inbyggda menyfunktionerna som finns i WordPress kan du skapa ett anpassat navigeringssystem som passar dina behov p\u00e5 bara fem steg.<\/p>\n<h3>Steg 1: Skapa dina menyalternativ<\/h3>\n<p>Det f\u00f6rsta steget mot att skapa en meny \u00e4r att best\u00e4mma vad som ska ing\u00e5 i den. B\u00f6rja med att navigera till <strong>Utseende &gt; Menyer<\/strong> i din WordPresspanel:<\/p>\n<figure style=\"width: 437px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/se\/wp-content\/uploads\/sites\/9\/2020\/01\/wordpress-menyn.png\" alt=\"\u00d6ppna menyredigeraren i WordPresspanelen\" width=\"437\" height=\"524\"><figcaption class=\"wp-caption-text\">\u00d6ppna menyredigeraren i WordPresspanelen<\/figcaption><\/figure>\n<p>Vad du ser i menyredigeraren varierar n\u00e5got beroende p\u00e5 ditt tema.<\/p>\n<p>Men det som \u00e4r viktigt att notera just nu \u00e4r det f\u00f6rsta alternativet i fliken <strong>Redigera menyer<\/strong>. Du b\u00f6r se ett alternativ d\u00e4r du kan v\u00e4lja en av dina befintliga menyer att redigera, samt ett alternativ f\u00f6r att <strong>skapa en ny meny<\/strong>:<\/p>\n<figure style=\"width: 662px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/se\/wp-content\/uploads\/sites\/9\/2020\/01\/skapa-en-ny-meny-wordpress.png\" alt=\"Skapa en ny meny-l\u00e4nk l\u00e4ngst upp i menyredigeraren i WordPress.\" width=\"662\" height=\"189\"><figcaption class=\"wp-caption-text\">Skapa en ny meny-l\u00e4nk l\u00e4ngst upp i menyredigeraren i WordPress.<\/figcaption><\/figure>\n<p>I det h\u00e4r exemplet v\u00e4ljer vi det senare alternativet och skapar en ny meny. Detta inneb\u00e4r att l\u00e4gga till en titel och sedan klicka p\u00e5 knappen <strong>Skapa meny<\/strong>:<\/p>\n<figure style=\"width: 888px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/se\/wp-content\/uploads\/sites\/9\/2020\/01\/namnge-och-skapa-den-nya-menyn.png\" alt=\"Namnge och skapa den nya menyn\" width=\"888\" height=\"683\"><figcaption class=\"wp-caption-text\">Namnge och skapa den nya menyn<\/figcaption><\/figure>\n<p>Nu \u00e4r du redo att b\u00f6rja l\u00e4gga till objekt i din WordPressmeny. I de flesta fall \u00e4r det b\u00e4st att h\u00e5lla din meny s\u00e5 enkel som m\u00f6jligt, samtidigt som anv\u00e4ndarna f\u00e5r tillr\u00e4ckligt med information f\u00f6r att n\u00e5 dit de vill komma.<\/p>\n<p>Att ha alltf\u00f6r m\u00e5nga sidor kan \u00f6verv\u00e4ldiga bes\u00f6kare och g\u00f6ra navigeringen sv\u00e5rare i st\u00e4llet f\u00f6r enklare.<\/p>\n<p>Det finns n\u00e5gra olika v\u00e4gar att ta f\u00f6r att l\u00e4gga till dina menyalternativ. De tv\u00e5 f\u00f6rsta \u00e4r <strong>Sidor<\/strong> och <strong>Inl\u00e4gg<\/strong>, och de fungerar ungef\u00e4r likadant.<\/p>\n<figure style=\"width: 884px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/se\/wp-content\/uploads\/sites\/9\/2020\/01\/lagga-till-sidor-i-menyn.png\" alt=\"L\u00e4gga till sidor i menyn\" width=\"884\" height=\"696\"><figcaption class=\"wp-caption-text\">L\u00e4gga till sidor i menyn<\/figcaption><\/figure>\n<p>I sidof\u00e4ltet i menyredigeraren kryssar du bara i rutorna f\u00f6r varje sida eller inl\u00e4gg du vill inkludera och klickar p\u00e5 knappen <strong>L\u00e4gg till i Meny<\/strong>:<\/p>\n<p>Ditt n\u00e4sta alternativ \u00e4r att inf\u00f6rliva <strong>Anpassade l\u00e4nkar<\/strong>. Detta inneb\u00e4r att ange webbadressen till sidan du vill skicka anv\u00e4ndare till och sedan skapa en kort men beskrivande etikett f\u00f6r den. D\u00e4refter kan du klicka p\u00e5 <strong>L\u00e4gg till i meny<\/strong> igen:<\/p>\n<figure style=\"width: 889px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/se\/wp-content\/uploads\/sites\/9\/2020\/01\/lagga-till-en-anpassad-lank-till-menyn.png\" alt=\"L\u00e4gga till en anpassad l\u00e4nk till menyn\" width=\"889\" height=\"551\"><figcaption class=\"wp-caption-text\">L\u00e4gga till en anpassad l\u00e4nk till menyn<\/figcaption><\/figure>\n<p>Slutligen kan du ocks\u00e5 l\u00e4gga till <strong>Sid- och Inl\u00e4ggskategorier<\/strong> i navigeringsmenyn. Detta kommer att ta anv\u00e4ndare till en arkivsida d\u00e4r de kan visa allt inneh\u00e5ll om ett visst \u00e4mne.<\/p>\n<p>Bloggar och andra inneh\u00e5llstunga webbplatser kan ha s\u00e4rskilt god nytta av den h\u00e4r funktionen:<\/p>\n<figure style=\"width: 886px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/se\/wp-content\/uploads\/sites\/9\/2020\/01\/lagga-till-kategorier-till-menyn.png\" alt=\"L\u00e4gga till kategorier till menyn\" width=\"886\" height=\"662\"><figcaption class=\"wp-caption-text\">L\u00e4gga till kategorier till menyn<\/figcaption><\/figure>\n<p>Som med alternativen Sidor och Inl\u00e4gg; kryssa bara i <strong>rutorna f\u00f6r de kategorier <\/strong>du vill inkludera och v\u00e4lj <strong>L\u00e4gg till i meny<\/strong><em>.<\/em><\/p>\n<h3>Steg 2: Organisera din WordPressmeny<\/h3>\n<p>N\u00e4r du har lagt till alla dina menyalternativ b\u00f6r du se dem listade i enskilda rutor under <strong>Menystruktur<\/strong> i redigeraren:<\/p>\n<figure style=\"width: 882px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/se\/wp-content\/uploads\/sites\/9\/2020\/01\/menystruktur.png\" alt=\"Avsnittet Menystruktur i menyredigeraren\" width=\"882\" height=\"742\"><figcaption class=\"wp-caption-text\">Avsnittet Menystruktur i menyredigeraren<\/figcaption><\/figure>\n<p>Fr\u00e5n b\u00f6rjan visas menyalternativ i den ordning du lade till dem. Du kan dock enkelt \u00e4ndra deras organisation genom att dra och sl\u00e4ppa dem p\u00e5 plats. Detta g\u00f6r att du kan skapa en enkel meny utan rullgardinsfunktionalitet.<\/p>\n<p>Det finns ett par v\u00e4gar du kan ta f\u00f6r att l\u00e4gga till rullgardinsfunktioner till din WordPressmeny.<\/p>\n<p>Det enklaste \u00e4r att forts\u00e4tta dra och sl\u00e4ppa, men att b\u00f6rja kapsla in vissa menyobjekt under andra:<\/p>\n<figure style=\"width: 894px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/se\/wp-content\/uploads\/sites\/9\/2020\/01\/kapsla-kategorier-under-bloggsidan.png\" alt=\"Kapsla kategorier under Bloggsidan\" width=\"894\" height=\"742\"><figcaption class=\"wp-caption-text\">Kapsla kategorier under Bloggsidan<\/figcaption><\/figure>\n<p>I bilden ovan har vi till exempel flyttat de tre inl\u00e4ggskategorierna vi lade till i menyn under <strong>Blogg<\/strong>, vilket g\u00f6r dem till &#8221;underobjekt&#8221;. P\u00e5 frontenden kommer detta att skapa en rullgardinsmeny som ser ut s\u00e5 h\u00e4r:<\/p>\n<figure style=\"width: 470px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/se\/wp-content\/uploads\/sites\/9\/2020\/01\/rullgardinsmeny-exemple.png\" alt=\"Exempel p\u00e5 en rullgardinsmeny i WordPress\" width=\"470\" height=\"263\"><figcaption class=\"wp-caption-text\">Exempel p\u00e5 en rullgardinsmeny i WordPress<\/figcaption><\/figure>\n<p>Om du vill l\u00e4gga till en rullgardinsmeny som inneh\u00e5ller alla kategorier p\u00e5 din webbplats kan du g\u00f6ra det genom att l\u00e4gga till en <strong>Anpassad l\u00e4nk<\/strong> till din meny. Anv\u00e4nd &#8221;#&#8221; som URL och &#8221;Kategorier&#8221; eller n\u00e5got liknande f\u00f6r etiketten:<\/p>\n<figure style=\"width: 883px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/se\/wp-content\/uploads\/sites\/9\/2020\/01\/kategorietikett-for-menyn.png\" alt=\"Skapa en Kategorietikett f\u00f6r menyn\" width=\"883\" height=\"744\"><figcaption class=\"wp-caption-text\">Skapa en Kategorietikett f\u00f6r menyn<\/figcaption><\/figure>\n<p>Du kan sedan l\u00e4gga till alla dina kategorier i menyn och kapsla in dem under denna etikett. Varje kategori kommer att vara klickbar, men etiketten kommer inte att vara det:<\/p>\n<figure style=\"width: 508px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/se\/wp-content\/uploads\/sites\/9\/2020\/01\/rullgardinsmenyn-kategorier.png\" alt=\"Rullgardinsmenyn Kategorier\" width=\"508\" height=\"229\"><figcaption class=\"wp-caption-text\">Rullgardinsmenyn Kategorier<\/figcaption><\/figure>\n<p>Med en liknande teknik kan du ocks\u00e5 d\u00f6lja alla dina menyalternativ i en enda rullgardinsmeny.<\/p>\n<p>L\u00e4gg till en annan Anpassad l\u00e4nk, med &#8221;#&#8221; som webbadress och &#8221;meny&#8221; som etikett. Sedan kapslar du in alla dina andra menyalternativ under den:<\/p>\n<figure style=\"width: 909px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/se\/wp-content\/uploads\/sites\/9\/2020\/01\/alla-navigeringslankar-under-en-enda-menyetikett.png\" alt=\"Kapsla in alla navigeringsl\u00e4nkar under en enda menyetikett\" width=\"909\" height=\"816\"><figcaption class=\"wp-caption-text\">Kapsla in alla navigeringsl\u00e4nkar under en enda menyetikett<\/figcaption><\/figure>\n<p>Resultatet p\u00e5 frontenden kommer att vara en rullgardinsmeny som inneh\u00e5ller din webbplats viktigaste sidor.<\/p>\n<p>Som du kan se i <strong>Kategoriobjektet<\/strong> nedan visas allt inneh\u00e5ll som kapslats in under ett underobjekt i en undermeny:<\/p>\n<figure style=\"width: 468px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/se\/wp-content\/uploads\/sites\/9\/2020\/01\/akta rullgardinsnavigeringsmeny.png\" alt=\"En \u00e4kta rullgardinsnavigeringsmeny i WordPress\" width=\"468\" height=\"314\"><figcaption class=\"wp-caption-text\">En \u00e4kta rullgardinsnavigeringsmeny i WordPress<\/figcaption><\/figure>\n<p>Genom att anv\u00e4nda dra och sl\u00e4pp-menyredigeraren p\u00e5 detta s\u00e4tt kan du skapa vilken stil och kombination av rullgardinsmenyer som helst i WordPress. Kom dock ih\u00e5g att f\u00f6r m\u00e5nga menyalternativ kan vara f\u00f6rvirrande f\u00f6r anv\u00e4ndarna.<\/p>\n<p>Det \u00e4r ocks\u00e5 b\u00e4st att begr\u00e4nsa antalet undermenyer du anv\u00e4nder, f\u00f6r att undvika \u00f6ver belamra din navigering med f\u00f6r mycket.<\/p>\n<h3>Steg 3: Inf\u00f6rliva bilder i din WordPressmeny<\/h3>\n<p>Om din rullgardinsmeny i slutet av steg tv\u00e5 ser ut exakt ut som du t\u00e4nkt dig kan du hoppa till steg 5 f\u00f6r att publicera den. Det finns dock ytterligare steg du kan ta om du vill f\u00f6rb\u00e4ttra din meny med anpassningar.<\/p>\n<p>En taktik du kan \u00f6verv\u00e4ga \u00e4r att inf\u00f6rliva visuella element i dina menyer f\u00f6r att ge ytterligare v\u00e4gledning \u00e5t dina bes\u00f6kare. Medan beskrivande etiketter \u00e4r avg\u00f6rande kan en bild eller en ikon ibland hj\u00e4lpa anv\u00e4ndare att snabbare avg\u00f6ra vad en viss navigeringsl\u00e4nk leder till.<\/p>\n<p>Det \u00e4r m\u00f6jligt att l\u00e4gga till bilder med hj\u00e4lp av anpassad CSS, som vi kommer att diskutera inom kort. Vi rekommenderar dock att du h\u00e4mtar ett plugin som <a href=\"https:\/\/wordpress.org\/plugins\/menu-image\/\" target=\"_blank\" rel=\"noopener noreferrer\">Menu Image, Icons Made Easy<\/a>:<\/p>\n<figure style=\"width: 279px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/se\/wp-content\/uploads\/sites\/9\/2020\/01\/wordpress-rullgardinsmeny-med-bilder.png\" alt=\"WordPress-rullgardinsmeny med bilder\" width=\"279\" height=\"340\"><figcaption class=\"wp-caption-text\">WordPress-rullgardinsmeny med bilder<\/figcaption><\/figure>\n<p>P\u00e5 s\u00e5 s\u00e4tt beh\u00f6ver du inte oroa dig \u00f6ver att pyssla med kod f\u00f6r g\u00f6ra din rullgardinsmeny mer visuellt intressant.<\/p>\n<p>Installera helt enkelt pluginet och \u00e5terg\u00e5 sedan till <strong>Utseende &gt; Menyer<\/strong>:<\/p>\n<figure style=\"width: 714px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/se\/wp-content\/uploads\/sites\/9\/2020\/01\/lag-en-bild-till.png\" alt=\"Avsnittet Menybild i menyredigeraren\" width=\"714\" height=\"523\"><figcaption class=\"wp-caption-text\">Avsnittet Menybild i menyredigeraren<\/figcaption><\/figure>\n<p>Du kommer se att det nu finns bildalternativ f\u00f6r varje sida du har inkluderat i din meny. Du kan v\u00e4lja varje sidas bild, storlek och position. Kom ih\u00e5g att spara dina \u00e4ndringar n\u00e4r du \u00e4r klar.<\/p>\n<h3>Steg 4: L\u00e4gg till anpassad CSS till din rullgardinsmeny<\/h3>\n<p>\u00c4ven om det inte rekommenderas f\u00f6r nyb\u00f6rjare kan mer vana och avancerade anv\u00e4ndare inf\u00f6rliva sin egen styling i sina rullgardinsmenyer i WordPress. Innan du <a href=\"https:\/\/kinsta.com\/se\/blog\/wordpress-css\/\">hoppar rakt in i din CSS<\/a> m\u00e5ste du dock l\u00e4gga till en klass i din meny.<\/p>\n<p>Om du hoppar \u00f6ver det h\u00e4r steget kan <a href=\"https:\/\/kinsta.com\/blog\/edit-wordpress-code\/#css\" target=\"_blank\" rel=\"noopener noreferrer\">din anpassade CSS<\/a> orsaka problem f\u00f6r andra menyer p\u00e5 din webbplats. Till exempel kan du oavsiktligt r\u00e5ka anv\u00e4nda styling f\u00f6r din sidfotsmeny som du endast t\u00e4nkte anv\u00e4nda f\u00f6r din rullgardinsmeny.<\/p>\n<p>I menyredigeraren klickar du p\u00e5 <strong>Sk\u00e4rmalternativ <\/strong>h\u00f6gst upp till h\u00f6ger:<\/p>\n<figure style=\"width: 263px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/se\/wp-content\/uploads\/sites\/9\/2020\/01\/skarmalternativ.png\" alt=\"Fliken Sk\u00e4rmalternativ i menyredigeraren\" width=\"263\" height=\"98\"><figcaption class=\"wp-caption-text\">Fliken Sk\u00e4rmalternativ i menyredigeraren<\/figcaption><\/figure>\n<p>Markera sedan rutan f\u00f6r <strong>CSS-klasser<\/strong>:<\/p>\n<figure style=\"width: 727px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/01\/show-css-classes-wordpress.png\" alt=\"Kryssrutan CSS-klasser i fliken Sk\u00e4rmalternativ\" width=\"727\" height=\"166\"><figcaption class=\"wp-caption-text\">Kryssrutan CSS-klasser i fliken Sk\u00e4rmalternativ<\/figcaption><\/figure>\n<p>Detta kommer att l\u00e4gga till ett <strong>CSS-klassf\u00e4lt<\/strong> till varje sida i din meny:<\/p>\n<figure style=\"width: 431px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/se\/wp-content\/uploads\/sites\/9\/2020\/01\/css-klasser-i-menyredigeraren.png\" alt=\"F\u00e4ltet CSS-klasser i menyredigeraren\" width=\"431\" height=\"508\"><figcaption class=\"wp-caption-text\">F\u00e4ltet CSS-klasser i menyredigeraren<\/figcaption><\/figure>\n<p>N\u00e4r du l\u00e4gger till en eller flera CSS-klasser i dina menyalternativ, kommer all anpassad kod som du inkluderar p\u00e5 din stilmall endast g\u00e4lla f\u00f6r objekten i din meny med den klass du anger.<\/p>\n<p>Du kan nu g\u00e5 \u00f6ver till din stilmall eller till Customizer, och b\u00f6rja jobba p\u00e5 <a href=\"https:\/\/kinsta.com\/blog\/edit-wordpress-code\/#css\" target=\"_blank\" rel=\"noopener noreferrer\">din anpassade styling<\/a>.<\/p>\n<h3>Steg 5: Publicera din meny p\u00e5 b\u00e4sta plats<\/h3>\n<p>N\u00e4r din rullgardinsmeny har en struktur som m\u00f6ter alla dina behov och du har inf\u00f6rlivat alla anpassningar du vill g\u00f6ra \u00e4r du redo att publicera den p\u00e5 din webbplats.<\/p>\n<p>Denna process kommer att variera n\u00e5got beroende p\u00e5 <a href=\"https:\/\/kinsta.com\/se\/blog\/andrar-wordpresstema\/\" target=\"_blank\" rel=\"noopener noreferrer\">ditt tema<\/a> och vilka menyplatser den st\u00f6der. F\u00f6r det h\u00e4r exemplet kommer vi att anv\u00e4nda <a href=\"https:\/\/kinsta.com\/se\/blog\/twenty-twenty-tema\/\" target=\"_blank\" rel=\"noopener noreferrer\">temat Twenty Twenty<\/a>.<\/p>\n<p>Bl\u00e4ddra ner till avsnittet <strong>Menyinst\u00e4llningar<\/strong> i menyredigeraren:<\/p>\n<figure style=\"width: 636px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/se\/wp-content\/uploads\/sites\/9\/2020\/01\/avsnittet-menyinstallningar-i-redigeraren.png\" alt=\"Avsnittet Menyinst\u00e4llningar i redigeraren\" width=\"636\" height=\"210\"><figcaption class=\"wp-caption-text\">Avsnittet Menyinst\u00e4llningar i redigeraren<\/figcaption><\/figure>\n<p>Du kan v\u00e4lja den f\u00f6rsta kryssrutan om du vill att nya sidor automatiskt ska l\u00e4ggas till i menyn. Om du nyss b\u00f6rjat med din webbplats och inte har lagt till alla dina viktigaste sidor \u00e4nnu kan detta vara anv\u00e4ndbart. Var dock f\u00f6rsiktig s\u00e5 att du inte av misstag l\u00e4gger till f\u00f6r m\u00e5nga objekt i din meny.<\/p>\n<p>Under det h\u00e4r alternativet ser du en lista med kryssrutor som visar de olika omr\u00e5dena p\u00e5 din webbplats d\u00e4r du kan visa din meny.<\/p>\n<p>Temat Twenty Twenty inneh\u00e5ller olika menyomr\u00e5den:\u00a0<strong>Horisontell Skrivbordsmeny<\/strong>,<strong> Expanderad Skrivbordsmeny<\/strong>,<strong> Mobilmeny<\/strong>,<strong> Sidfotsmeny<\/strong>,<strong> Social meny<\/strong><em>.<\/em><\/p>\n<p>I det h\u00e4r fallet \u00e4r den meny vi har skapat b\u00e4st l\u00e4mpad f\u00f6r den <strong>Horisontella Skrivbordsmenyn<\/strong>, som finns i webbplatsens header.<\/p>\n<figure style=\"width: 1627px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/se\/wp-content\/uploads\/sites\/9\/2020\/01\/horisontell-skrivbordsmeny.png\" alt=\"Horisontell Skrivbordsmeny f\u00f6r temat Twenty Twenty.\" width=\"1627\" height=\"112\"><figcaption class=\"wp-caption-text\">Horisontell Skrivbordsmeny f\u00f6r temat Twenty Twenty.<\/figcaption><\/figure>\n<p>Du kan ocks\u00e5 \u00f6verv\u00e4ga att navigera till fliken <strong>Hantera platser<\/strong> i <strong>Menyomr\u00e5det <\/strong>i instrumentpanelen. H\u00e4r kan du se alla menyplatser som st\u00f6ds av ditt tema, samt vilken meny du har tilldelat var och en:<\/p>\n<figure style=\"width: 1067px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/se\/wp-content\/uploads\/sites\/9\/2020\/01\/fliken-hantera-platser.png\" alt=\"Fliken Hantera platser\" width=\"1067\" height=\"479\"><figcaption class=\"wp-caption-text\">Fliken Hantera platser<\/figcaption><\/figure>\n<p>N\u00e4r du placerar dina menyer, kan det vara bra att se hur de kommer att se ut p\u00e5 frontenden.<\/p>\n<figure style=\"width: 288px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/se\/wp-content\/uploads\/sites\/9\/2020\/01\/live-forhandsvisning.png\" alt=\"Alternativet Hantera med Live-f\u00f6rhandsvisning\" width=\"288\" height=\"99\"><figcaption class=\"wp-caption-text\">Alternativet Hantera med Live-f\u00f6rhandsvisning<\/figcaption><\/figure>\n<p>Klicka p\u00e5 knappen <strong>Hantera med Live-f\u00f6rhandsvisning <\/strong>f\u00f6r att se hur din meny kommer att visas p\u00e5 den plats du har valt f\u00f6r den, med hj\u00e4lp av WordPress Customizer:<\/p>\n<figure style=\"width: 1378px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/se\/wp-content\/uploads\/sites\/9\/2020\/01\/wordpress-menyn-i-customizer.png\" alt=\"En Live-f\u00f6rhandsvisning f\u00f6r WordPressmenyn i Customizer\" width=\"1378\" height=\"1049\"><figcaption class=\"wp-caption-text\">En Live-f\u00f6rhandsvisning f\u00f6r WordPressmenyn i Customizer<\/figcaption><\/figure>\n<p>Du kan sedan publicera din meny eller dina menyer direkt fr\u00e5n Customizer. Om du n\u00e5gonsin beh\u00f6ver l\u00e4gga till eller ta bort objekt fr\u00e5n din rullgardinsmeny kan du helt enkelt \u00e5terg\u00e5 till menyredigeraren och g\u00f6ra n\u00f6dv\u00e4ndiga justeringar.<\/p>\n<h2>WordPressplugins f\u00f6r att f\u00f6rb\u00e4ttra dina rullgardinsmenyer<\/h2>\n<p>\u00c4ven om du kan skapa fullt fungerande navigeringsmenyer i WordPress utan n\u00e5gra extra verktyg kan det ibland vara anv\u00e4ndbart att ut\u00f6ka din menys funktionalitet. Om s\u00e5 \u00e4r fallet f\u00f6r just din webbplats kanske du vill unders\u00f6ka n\u00e5gra <a href=\"https:\/\/kinsta.com\/se\/blog\/menyplugins-for-wordpress\/\" target=\"_blank\" rel=\"noopener noreferrer\">popul\u00e4ra menyplugins f\u00f6r WordPress<\/a>.<\/p>\n<p><a href=\"https:\/\/wordpress.org\/plugins\/wp-nested-pages\/\" target=\"_blank\" rel=\"noopener noreferrer\">Nested Pages<\/a> \u00e4r ett effektivt s\u00e4tt f\u00f6r <a href=\"https:\/\/kinsta.com\/se\/blog\/artiklar-langform\/\" target=\"_blank\" rel=\"noopener noreferrer\">inneh\u00e5llstunga bloggar<\/a> att skapa rullgardinsmenyer. \u00c4ven om det fr\u00e4mst anv\u00e4nds f\u00f6r att organisera inl\u00e4gg och sidor, kommer detta plugin ocks\u00e5 automatiskt generera en meny som speglar din inneh\u00e5llsstruktur:<\/p>\n<figure style=\"width: 1500px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/se\/wp-content\/uploads\/sites\/9\/2020\/01\/nested-pages.png\" alt=\"Nested Pages WordPressplugin\" width=\"1500\" height=\"488\"><figcaption class=\"wp-caption-text\">Nested Pages WordPressplugin<\/figcaption><\/figure>\n<p>\u00c4ven om det inte n\u00f6dv\u00e4ndigtvis \u00e4r l\u00e4mpligt att inf\u00f6rliva ett stort antal objekt i dina menyer \u00e4r det ibland oundvikligt.<\/p>\n<p>Om s\u00e5 \u00e4r fallet med din webbplats kan <a href=\"https:\/\/kinsta.com\/se\/blog\/menyplugins-for-wordpress\/#max-mega-menu\" target=\"_blank\" rel=\"noopener noreferrer\">Max Mega Menu<\/a> hj\u00e4lpa dig att kombinera dina befintliga WordPressmenyer f\u00f6r att bilda en &#8221;megameny&#8221;:<\/p>\n<figure style=\"width: 1500px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/se\/wp-content\/uploads\/sites\/9\/2020\/01\/max-mega-menu.png\" alt=\"Max Mega Menu WordPressplugin\" width=\"1500\" height=\"489\"><figcaption class=\"wp-caption-text\">Max Mega Menu WordPressplugin<\/figcaption><\/figure>\n<p>Med mobilsurfing p\u00e5 uppg\u00e5ng \u00e4r det mycket viktigt att se till att dina menyer fortfarande \u00e4r l\u00e4sbara p\u00e5 mobila enheter.<\/p>\n<p><a href=\"https:\/\/kinsta.com\/se\/blog\/menyplugins-for-wordpress\/#wp-mobile-menu\" target=\"_blank\" rel=\"noopener noreferrer\">WP Mobil Menu<\/a> passar alla lyh\u00f6rda teman f\u00f6r att hj\u00e4lpa dig att skapa ett navigationssystem f\u00f6r dina webbplatsanv\u00e4ndare som \u00e4r p\u00e5 spr\u00e5ng:<\/p>\n<figure style=\"width: 1500px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/se\/wp-content\/uploads\/sites\/9\/2020\/01\/wp-mobile-menus.png\" alt=\"WP Mobile Menus WordPressplugin\" width=\"1500\" height=\"488\"><figcaption class=\"wp-caption-text\">WP Mobile Menus WordPressplugin<\/figcaption><\/figure>\n<p>Som vi redan har diskuterat kan det till sist finnas situationer d\u00e4r beskrivande menyobjekt inte r\u00e4cker till. I de situationerna kanske du vill titta p\u00e5 att anv\u00e4nda Menu Image, Icons Made Easy, som vi beskrev i steg 3 ovan.<\/p>\n<p>Du kan anv\u00e4nda vilket som helst av dessa plugins f\u00f6r att f\u00f6rb\u00e4ttra ditt nuvarande navigationssystem och g\u00f6ra din rullgardinsmeny effektivare. Kom bara ih\u00e5g att n\u00e4r det g\u00e4ller navigering, <strong>\u00e4r enklare ibland b\u00e4ttre<\/strong>. L\u00e4gg bara till extra funktioner om det kommer att f\u00f6rb\u00e4ttra din UX och undvik att belamra din webbplats med on\u00f6diga menyfunktioner.<\/p>\n<h2>Fels\u00f6kning av din rullgardinsmeny i WordPress<\/h2>\n<p>Om du har konfigurerat menyn enligt beskrivningen ovan men rullgardinsmenyn inte fungerar finns det flera m\u00f6jliga orsaker.<\/p>\n<p>\u00c4ven om vi inte kan t\u00e4cka dem allihop i det h\u00e4r inl\u00e4gget kan vi hj\u00e4lpa dig att begr\u00e4nsa orsaken till ditt problem s\u00e5 att du kan hitta r\u00e4tt l\u00f6sning.<\/p>\n<p>Ofta \u00e4r en felfungerande meny ett resultat av konflikter mellan din anpassade menys och ditt temas kod. Det f\u00f6rsta du b\u00f6r g\u00f6ra om din meny inte fungerar \u00e4r att v\u00e4xla \u00f6ver till ett standardtema som Twenty Twenty. Om menyn b\u00f6rjar fungera igen vet du att problemet \u00e4r relaterat till ditt tema. Du kan d\u00e5 kontakta din temautvecklare f\u00f6r att hitta en l\u00f6sning.<\/p>\n<p>N\u00e5gra andra m\u00f6jliga orsaker inkluderar:<\/p>\n<ul>\n<li><strong>Felstavad kod:\u00a0<\/strong>Dubbelkontrollera att all anpassad CSS du har lagt till \u00e4r korrekt och att du anv\u00e4nder CSS-klasser enligt beskrivningen i steg 4.<\/li>\n<li><strong>Plugin-inkompatibilitet:<\/strong>F\u00f6rs\u00f6k att inaktivera alla menyrelaterade plugins du har installerat, f\u00f6r att se om det l\u00f6ser problemet.<\/li>\n<li><strong>Utdaterad jQuery:<\/strong>Uppdatera till den senaste versionen av jQuery och f\u00f6rs\u00f6k \u00f6ppna rullgardinsmenyn igen.<\/li>\n<\/ul>\n<p>Men som vi n\u00e4mnde tidigare \u00e4r de potentiella orsakerna bakom din felaktiga meny m\u00e5nga. Om ingen av ovanst\u00e5ende l\u00f6sningar verkar fungera rekommenderar vi att du bes\u00f6ker <a href=\"https:\/\/kinsta.com\/se\/blog\/wordpress-support\/\" target=\"_blank\" rel=\"noopener noreferrer\">WordPress supportforum<\/a>, n\u00e5r ut till v\u00e5rt <a href=\"https:\/\/kinsta.com\/se\/kontakta-oss\/\" target=\"_blank\" rel=\"noopener noreferrer\">Kinsta-supportteam med WordPress-experter<\/a>, eller <a href=\"https:\/\/kinsta.com\/blog\/hire-wordpress-developer\/\" target=\"_blank\" rel=\"noopener noreferrer\">anlitar en WordPress-utvecklare<\/a> f\u00f6r att fixa det \u00e5t dig.<\/p>\n\n<h2>Sammanfattning<\/h2>\n<p>\u00c4ven om det kan verka som en liten sak kan din WordPresswebbplats navigering vara det som f\u00e5r den att b\u00e4ra eller brista. Med hj\u00e4lp av rullgardinsmenyer kan du spara utrymme p\u00e5 anv\u00e4ndarnas sk\u00e4rmar, samtidigt som de enkelt kan ta sig runt p\u00e5 din webbplats och f\u00f6rb\u00e4ttra dina konverteringar.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Webbplatsnavigering \u00e4r nyckeln till att hj\u00e4lpa dina anv\u00e4ndare att n\u00e5 dit de vill komma. En v\u00e4l utformad meny kan r\u00e4cka l\u00e5ngt till att f\u00f6rb\u00e4ttra anv\u00e4ndarupplevelsen (UX), &#8230;<\/p>\n","protected":false},"author":103,"featured_media":34584,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_kinsta_gated_content":false,"_kinsta_gated_content_redirect":"","footnotes":""},"tags":[234,29],"topic":[832],"class_list":["post-34550","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","tag-ux","tag-wordpress","topic-wordpress-utveckling"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v24.6 (Yoast SEO v24.6) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>S\u00e5 skapar du en rullgardinsmeny i WordPress (i 5 steg)<\/title>\n<meta name=\"description\" content=\"Har du m\u00e5nga objekt att lista i din WordPressmeny? Snabb l\u00f6sning: skapa en rullgardinsmeny i WordPress p\u00e5 bara n\u00e5gra steg genom att f\u00f6lja den h\u00e4r guiden!\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/kinsta.com\/se\/blog\/rullgardinsmeny-i-wordpress\/\" \/>\n<meta property=\"og:locale\" content=\"sv_SE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"S\u00e5 skapar du en rullgardinsmeny i WordPress (i 5 steg)\" \/>\n<meta property=\"og:description\" content=\"Har du m\u00e5nga objekt att lista i din WordPressmeny? Snabb l\u00f6sning: skapa en rullgardinsmeny i WordPress p\u00e5 bara n\u00e5gra steg genom att f\u00f6lja den h\u00e4r guiden!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/kinsta.com\/se\/blog\/rullgardinsmeny-i-wordpress\/\" \/>\n<meta property=\"og:site_name\" content=\"Kinsta\u00ae\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/kinstasweden\/\" \/>\n<meta property=\"article:published_time\" content=\"2020-03-03T13:47:26+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-10-01T20:05:23+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/kinsta.com\/se\/wp-content\/uploads\/sites\/9\/2020\/03\/rullgardinsmeny-i-wordpress.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1460\" \/>\n\t<meta property=\"og:image:height\" content=\"730\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Matteo Du\u00f2\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:description\" content=\"Har du m\u00e5nga objekt att lista i din WordPressmeny? Snabb l\u00f6sning: skapa en rullgardinsmeny i WordPress p\u00e5 bara n\u00e5gra steg genom att f\u00f6lja den h\u00e4r guiden!\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/kinsta.com\/se\/wp-content\/uploads\/sites\/9\/2020\/03\/rullgardinsmeny-i-wordpress.jpg\" \/>\n<meta name=\"twitter:creator\" content=\"@matteoduo\" \/>\n<meta name=\"twitter:site\" content=\"@kinsta_se\" \/>\n<meta name=\"twitter:label1\" content=\"Skriven av\" \/>\n\t<meta name=\"twitter:data1\" content=\"Matteo Du\u00f2\" \/>\n\t<meta name=\"twitter:label2\" content=\"Ber\u00e4knad l\u00e4stid\" \/>\n\t<meta name=\"twitter:data2\" content=\"19 minuter\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/kinsta.com\/se\/blog\/rullgardinsmeny-i-wordpress\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/se\/blog\/rullgardinsmeny-i-wordpress\/\"},\"author\":{\"name\":\"Matteo Du\u00f2\",\"@id\":\"https:\/\/kinsta.com\/se\/#\/schema\/person\/9d811e805493f00205e6409451055174\"},\"headline\":\"S\u00e5 skapar du en rullgardinsmeny i WordPress (i 5 steg)\",\"datePublished\":\"2020-03-03T13:47:26+00:00\",\"dateModified\":\"2025-10-01T20:05:23+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/kinsta.com\/se\/blog\/rullgardinsmeny-i-wordpress\/\"},\"wordCount\":3139,\"commentCount\":1,\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/se\/#organization\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/se\/blog\/rullgardinsmeny-i-wordpress\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/se\/wp-content\/uploads\/sites\/9\/2020\/03\/rullgardinsmeny-i-wordpress.jpg\",\"keywords\":[\"ux\",\"WordPress\"],\"inLanguage\":\"sv-SE\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/kinsta.com\/se\/blog\/rullgardinsmeny-i-wordpress\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/kinsta.com\/se\/blog\/rullgardinsmeny-i-wordpress\/\",\"url\":\"https:\/\/kinsta.com\/se\/blog\/rullgardinsmeny-i-wordpress\/\",\"name\":\"S\u00e5 skapar du en rullgardinsmeny i WordPress (i 5 steg)\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/se\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/kinsta.com\/se\/blog\/rullgardinsmeny-i-wordpress\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/se\/blog\/rullgardinsmeny-i-wordpress\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/se\/wp-content\/uploads\/sites\/9\/2020\/03\/rullgardinsmeny-i-wordpress.jpg\",\"datePublished\":\"2020-03-03T13:47:26+00:00\",\"dateModified\":\"2025-10-01T20:05:23+00:00\",\"description\":\"Har du m\u00e5nga objekt att lista i din WordPressmeny? Snabb l\u00f6sning: skapa en rullgardinsmeny i WordPress p\u00e5 bara n\u00e5gra steg genom att f\u00f6lja den h\u00e4r guiden!\",\"breadcrumb\":{\"@id\":\"https:\/\/kinsta.com\/se\/blog\/rullgardinsmeny-i-wordpress\/#breadcrumb\"},\"inLanguage\":\"sv-SE\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/kinsta.com\/se\/blog\/rullgardinsmeny-i-wordpress\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"sv-SE\",\"@id\":\"https:\/\/kinsta.com\/se\/blog\/rullgardinsmeny-i-wordpress\/#primaryimage\",\"url\":\"https:\/\/kinsta.com\/se\/wp-content\/uploads\/sites\/9\/2020\/03\/rullgardinsmeny-i-wordpress.jpg\",\"contentUrl\":\"https:\/\/kinsta.com\/se\/wp-content\/uploads\/sites\/9\/2020\/03\/rullgardinsmeny-i-wordpress.jpg\",\"width\":1460,\"height\":730,\"caption\":\"Rullgardinsmeny i WordPress\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/kinsta.com\/se\/blog\/rullgardinsmeny-i-wordpress\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/kinsta.com\/se\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"WordPress-utveckling\",\"item\":\"https:\/\/kinsta.com\/se\/topics\/wordpress-utveckling\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"S\u00e5 skapar du en rullgardinsmeny i WordPress (i 5 steg)\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/kinsta.com\/se\/#website\",\"url\":\"https:\/\/kinsta.com\/se\/\",\"name\":\"Kinsta\u00ae\",\"description\":\"Snabba, s\u00e4kra, premium hosting-l\u00f6sningar\",\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/se\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/kinsta.com\/se\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"sv-SE\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/kinsta.com\/se\/#organization\",\"name\":\"Kinsta\",\"url\":\"https:\/\/kinsta.com\/se\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"sv-SE\",\"@id\":\"https:\/\/kinsta.com\/se\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/kinsta.com\/se\/wp-content\/uploads\/sites\/9\/2023\/12\/kinsta-logo.jpeg\",\"contentUrl\":\"https:\/\/kinsta.com\/se\/wp-content\/uploads\/sites\/9\/2023\/12\/kinsta-logo.jpeg\",\"width\":500,\"height\":500,\"caption\":\"Kinsta\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/se\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/kinstasweden\/\",\"https:\/\/x.com\/kinsta_se\",\"https:\/\/www.instagram.com\/kinstahosting\/\",\"https:\/\/www.linkedin.com\/company\/kinsta\/\",\"https:\/\/www.pinterest.com\/kinstahosting\/\",\"https:\/\/www.youtube.com\/c\/Kinsta\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/kinsta.com\/se\/#\/schema\/person\/9d811e805493f00205e6409451055174\",\"name\":\"Matteo Du\u00f2\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"sv-SE\",\"@id\":\"https:\/\/kinsta.com\/se\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/78636e34d9c125b93efb7e0893a776f8?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/78636e34d9c125b93efb7e0893a776f8?s=96&d=mm&r=g\",\"caption\":\"Matteo Du\u00f2\"},\"description\":\"Head of Content at Kinsta and Content Marketing Consultant for WordPress plugin developers. Connect with Matteo on Twitter.\",\"sameAs\":[\"https:\/\/www.matteoduo.com\",\"https:\/\/www.linkedin.com\/in\/matteoduo\/\",\"https:\/\/x.com\/matteoduo\"],\"url\":\"https:\/\/kinsta.com\/se\/blog\/author\/matteoduo\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"S\u00e5 skapar du en rullgardinsmeny i WordPress (i 5 steg)","description":"Har du m\u00e5nga objekt att lista i din WordPressmeny? Snabb l\u00f6sning: skapa en rullgardinsmeny i WordPress p\u00e5 bara n\u00e5gra steg genom att f\u00f6lja den h\u00e4r guiden!","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/kinsta.com\/se\/blog\/rullgardinsmeny-i-wordpress\/","og_locale":"sv_SE","og_type":"article","og_title":"S\u00e5 skapar du en rullgardinsmeny i WordPress (i 5 steg)","og_description":"Har du m\u00e5nga objekt att lista i din WordPressmeny? Snabb l\u00f6sning: skapa en rullgardinsmeny i WordPress p\u00e5 bara n\u00e5gra steg genom att f\u00f6lja den h\u00e4r guiden!","og_url":"https:\/\/kinsta.com\/se\/blog\/rullgardinsmeny-i-wordpress\/","og_site_name":"Kinsta\u00ae","article_publisher":"https:\/\/www.facebook.com\/kinstasweden\/","article_published_time":"2020-03-03T13:47:26+00:00","article_modified_time":"2025-10-01T20:05:23+00:00","og_image":[{"width":1460,"height":730,"url":"https:\/\/kinsta.com\/se\/wp-content\/uploads\/sites\/9\/2020\/03\/rullgardinsmeny-i-wordpress.jpg","type":"image\/jpeg"}],"author":"Matteo Du\u00f2","twitter_card":"summary_large_image","twitter_description":"Har du m\u00e5nga objekt att lista i din WordPressmeny? Snabb l\u00f6sning: skapa en rullgardinsmeny i WordPress p\u00e5 bara n\u00e5gra steg genom att f\u00f6lja den h\u00e4r guiden!","twitter_image":"https:\/\/kinsta.com\/se\/wp-content\/uploads\/sites\/9\/2020\/03\/rullgardinsmeny-i-wordpress.jpg","twitter_creator":"@matteoduo","twitter_site":"@kinsta_se","twitter_misc":{"Skriven av":"Matteo Du\u00f2","Ber\u00e4knad l\u00e4stid":"19 minuter"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/kinsta.com\/se\/blog\/rullgardinsmeny-i-wordpress\/#article","isPartOf":{"@id":"https:\/\/kinsta.com\/se\/blog\/rullgardinsmeny-i-wordpress\/"},"author":{"name":"Matteo Du\u00f2","@id":"https:\/\/kinsta.com\/se\/#\/schema\/person\/9d811e805493f00205e6409451055174"},"headline":"S\u00e5 skapar du en rullgardinsmeny i WordPress (i 5 steg)","datePublished":"2020-03-03T13:47:26+00:00","dateModified":"2025-10-01T20:05:23+00:00","mainEntityOfPage":{"@id":"https:\/\/kinsta.com\/se\/blog\/rullgardinsmeny-i-wordpress\/"},"wordCount":3139,"commentCount":1,"publisher":{"@id":"https:\/\/kinsta.com\/se\/#organization"},"image":{"@id":"https:\/\/kinsta.com\/se\/blog\/rullgardinsmeny-i-wordpress\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/se\/wp-content\/uploads\/sites\/9\/2020\/03\/rullgardinsmeny-i-wordpress.jpg","keywords":["ux","WordPress"],"inLanguage":"sv-SE","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/kinsta.com\/se\/blog\/rullgardinsmeny-i-wordpress\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/kinsta.com\/se\/blog\/rullgardinsmeny-i-wordpress\/","url":"https:\/\/kinsta.com\/se\/blog\/rullgardinsmeny-i-wordpress\/","name":"S\u00e5 skapar du en rullgardinsmeny i WordPress (i 5 steg)","isPartOf":{"@id":"https:\/\/kinsta.com\/se\/#website"},"primaryImageOfPage":{"@id":"https:\/\/kinsta.com\/se\/blog\/rullgardinsmeny-i-wordpress\/#primaryimage"},"image":{"@id":"https:\/\/kinsta.com\/se\/blog\/rullgardinsmeny-i-wordpress\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/se\/wp-content\/uploads\/sites\/9\/2020\/03\/rullgardinsmeny-i-wordpress.jpg","datePublished":"2020-03-03T13:47:26+00:00","dateModified":"2025-10-01T20:05:23+00:00","description":"Har du m\u00e5nga objekt att lista i din WordPressmeny? Snabb l\u00f6sning: skapa en rullgardinsmeny i WordPress p\u00e5 bara n\u00e5gra steg genom att f\u00f6lja den h\u00e4r guiden!","breadcrumb":{"@id":"https:\/\/kinsta.com\/se\/blog\/rullgardinsmeny-i-wordpress\/#breadcrumb"},"inLanguage":"sv-SE","potentialAction":[{"@type":"ReadAction","target":["https:\/\/kinsta.com\/se\/blog\/rullgardinsmeny-i-wordpress\/"]}]},{"@type":"ImageObject","inLanguage":"sv-SE","@id":"https:\/\/kinsta.com\/se\/blog\/rullgardinsmeny-i-wordpress\/#primaryimage","url":"https:\/\/kinsta.com\/se\/wp-content\/uploads\/sites\/9\/2020\/03\/rullgardinsmeny-i-wordpress.jpg","contentUrl":"https:\/\/kinsta.com\/se\/wp-content\/uploads\/sites\/9\/2020\/03\/rullgardinsmeny-i-wordpress.jpg","width":1460,"height":730,"caption":"Rullgardinsmeny i WordPress"},{"@type":"BreadcrumbList","@id":"https:\/\/kinsta.com\/se\/blog\/rullgardinsmeny-i-wordpress\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/kinsta.com\/se\/"},{"@type":"ListItem","position":2,"name":"WordPress-utveckling","item":"https:\/\/kinsta.com\/se\/topics\/wordpress-utveckling\/"},{"@type":"ListItem","position":3,"name":"S\u00e5 skapar du en rullgardinsmeny i WordPress (i 5 steg)"}]},{"@type":"WebSite","@id":"https:\/\/kinsta.com\/se\/#website","url":"https:\/\/kinsta.com\/se\/","name":"Kinsta\u00ae","description":"Snabba, s\u00e4kra, premium hosting-l\u00f6sningar","publisher":{"@id":"https:\/\/kinsta.com\/se\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/kinsta.com\/se\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"sv-SE"},{"@type":"Organization","@id":"https:\/\/kinsta.com\/se\/#organization","name":"Kinsta","url":"https:\/\/kinsta.com\/se\/","logo":{"@type":"ImageObject","inLanguage":"sv-SE","@id":"https:\/\/kinsta.com\/se\/#\/schema\/logo\/image\/","url":"https:\/\/kinsta.com\/se\/wp-content\/uploads\/sites\/9\/2023\/12\/kinsta-logo.jpeg","contentUrl":"https:\/\/kinsta.com\/se\/wp-content\/uploads\/sites\/9\/2023\/12\/kinsta-logo.jpeg","width":500,"height":500,"caption":"Kinsta"},"image":{"@id":"https:\/\/kinsta.com\/se\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/kinstasweden\/","https:\/\/x.com\/kinsta_se","https:\/\/www.instagram.com\/kinstahosting\/","https:\/\/www.linkedin.com\/company\/kinsta\/","https:\/\/www.pinterest.com\/kinstahosting\/","https:\/\/www.youtube.com\/c\/Kinsta"]},{"@type":"Person","@id":"https:\/\/kinsta.com\/se\/#\/schema\/person\/9d811e805493f00205e6409451055174","name":"Matteo Du\u00f2","image":{"@type":"ImageObject","inLanguage":"sv-SE","@id":"https:\/\/kinsta.com\/se\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/78636e34d9c125b93efb7e0893a776f8?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/78636e34d9c125b93efb7e0893a776f8?s=96&d=mm&r=g","caption":"Matteo Du\u00f2"},"description":"Head of Content at Kinsta and Content Marketing Consultant for WordPress plugin developers. Connect with Matteo on Twitter.","sameAs":["https:\/\/www.matteoduo.com","https:\/\/www.linkedin.com\/in\/matteoduo\/","https:\/\/x.com\/matteoduo"],"url":"https:\/\/kinsta.com\/se\/blog\/author\/matteoduo\/"}]}},"acf":[],"_links":{"self":[{"href":"https:\/\/kinsta.com\/se\/wp-json\/wp\/v2\/posts\/34550","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kinsta.com\/se\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/kinsta.com\/se\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/kinsta.com\/se\/wp-json\/wp\/v2\/users\/103"}],"replies":[{"embeddable":true,"href":"https:\/\/kinsta.com\/se\/wp-json\/wp\/v2\/comments?post=34550"}],"version-history":[{"count":5,"href":"https:\/\/kinsta.com\/se\/wp-json\/wp\/v2\/posts\/34550\/revisions"}],"predecessor-version":[{"id":39679,"href":"https:\/\/kinsta.com\/se\/wp-json\/wp\/v2\/posts\/34550\/revisions\/39679"}],"alternate":[{"embeddable":true,"hreflang":"en","title":"English","href":"https:\/\/kinsta.com\/se\/wp-json\/kinsta\/v1\/posts\/34550\/translations\/en"},{"embeddable":true,"hreflang":"pt","title":"Portuguese","href":"https:\/\/kinsta.com\/se\/wp-json\/kinsta\/v1\/posts\/34550\/translations\/pt"},{"embeddable":true,"hreflang":"es","title":"Spanish","href":"https:\/\/kinsta.com\/se\/wp-json\/kinsta\/v1\/posts\/34550\/translations\/es"},{"embeddable":true,"hreflang":"fr","title":"French","href":"https:\/\/kinsta.com\/se\/wp-json\/kinsta\/v1\/posts\/34550\/translations\/fr"},{"embeddable":true,"hreflang":"de","title":"German","href":"https:\/\/kinsta.com\/se\/wp-json\/kinsta\/v1\/posts\/34550\/translations\/de"},{"embeddable":true,"hreflang":"sv","title":"Swedish","href":"https:\/\/kinsta.com\/se\/wp-json\/kinsta\/v1\/posts\/34550\/translations\/se"},{"embeddable":true,"hreflang":"it","title":"Italian","href":"https:\/\/kinsta.com\/se\/wp-json\/kinsta\/v1\/posts\/34550\/translations\/it"},{"embeddable":true,"hreflang":"da","title":"Danish","href":"https:\/\/kinsta.com\/se\/wp-json\/kinsta\/v1\/posts\/34550\/translations\/dk"},{"embeddable":true,"hreflang":"ja","title":"Japanese","href":"https:\/\/kinsta.com\/se\/wp-json\/kinsta\/v1\/posts\/34550\/translations\/jp"},{"embeddable":true,"hreflang":"nl","title":"Dutch","href":"https:\/\/kinsta.com\/se\/wp-json\/kinsta\/v1\/posts\/34550\/translations\/nl"},{"href":"https:\/\/kinsta.com\/se\/wp-json\/kinsta\/v1\/posts\/34550\/tree"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/kinsta.com\/se\/wp-json\/wp\/v2\/media\/34584"}],"wp:attachment":[{"href":"https:\/\/kinsta.com\/se\/wp-json\/wp\/v2\/media?parent=34550"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kinsta.com\/se\/wp-json\/wp\/v2\/tags?post=34550"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/kinsta.com\/se\/wp-json\/wp\/v2\/topic?post=34550"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}