När du har skapat en meny och lagt till länkar i den kanske du vill anpassa menyns utseende. Den här guiden går igenom vanliga ändringar du kan vilja göra i menyns design.
Teman med webbplatsredigeraren ger dig full kontroll över menydesignen via Redigeraren under Utseende i din adminpanel. Klassiska teman har begränsade designalternativ för menyn, inbyggda i Anpassaren under Utseende i din adminpanel.
För att avgöra vilket avsnitt i den här guiden du ska använda besöker du din WordPress.com-adminpanel och tittar under Utseende i vänstermenyn. Om du ser Redigerare använder du avsnittet om webbplatsredigeraren i den här guiden. Annars följer du instruktionerna för Anpassaren .
Om ditt tema använder webbplatsredigeraren (dvs. om du har Utseende → Redigerare i din adminpanel) kan du styra menydesignen via inställningarna för navigeringsblocket genom att följa dessa steg:
- Gå till din webbplats adminpanel och navigera till Utseende → Redigerare.
- Välj Mallar och välj en mall som innehåller din meny, till exempel Hem eller Startsida.
- Öppna listvyn uppe till vänster på skärmen (det är ikonen som ser ut som tre horisontella linjer ovanför varandra).
- Välj navigeringsblocket i listvyn.
- Om du inte ser något navigeringsblock kan du skapa ett.
- Visa inställningarna för navigeringsblocket på höger sida av skärmen.
- Anpassa stilarna för navigeringsblocket via inställningsikonen eller stilikonen.
- Klicka på knappen Spara för att spara dina ändringar.
Lär dig hur du använder alla inställningar i vår guide till inställningarna för navigeringsblocket, bland annat:
- Navigeringsblockets stilar, som färg, typografi och dimensioner.
- Navigeringsblockets layoutinställningar, som justering, orientering och menyvisning.
Det här videoklippet visar hur du öppnar navigeringsblocket och ändrar inställningar och stilar. Den här funktionen finns i våra fullt anpassningsbara teman med webbplatsredigeraren. Du kan sakta ner eller snabba upp videon med kontrollerna längst ner till höger när du har klickat på uppspelningsknappen.
Den här sektionen gäller webbplatser som skapats med AI-webbplatsbyggaren (alla betalplaner) eller webbplatser som har aktiverat WordPress-agenten (alla betalplaner). Öppna WordPress-agenten genom att klicka på AI-ikonen (en fyruddig stjärna) längst ned på skärmen.
WordPress-agent kan göra ändringar i menyns utseende och beteende direkt. Här är några saker du kan be den göra:
- ”Ändra färgen på min navigeringsmeny så att den passar mitt varumärke.”
- ”Ställ in mina rullgardinsmenyer så att de öppnas när man klickar i stället för när man hovrar.”
- ”Gör så att min meny visas som en hamburgermeny på alla skärmstorlekar.”
- ”Lägg till en CSS-klass som heter ‘featured-link’ för menyvalet Kontakt.”
Du kan flytta menyns placering i alla teman med webbplatsredigeraren. Dessa teman använder Redigeraren under Utseende för att ge dig full kontroll över layouten, inklusive var menyn placeras på din webbplats.
Även om menyns placering i ett tema med webbplatsredigeraren är fullt anpassningsbar kan det vara bra att börja med att leta efter ett tema som visar menyn på en position du gillar. Lär dig mer om att byta teman.
Om du redan har valt ett tema med webbplatsredigeraren som du vill använda och vill ändra var menyn visas har du några alternativ:
- Lär dig hur du markerar och flyttar navigeringsblocket, eller hoppa till videohandledningen.
- Lägg till en ny meny i din mall.
- Lägg till webbplatsnavigering på en enskild sida eller ett inlägg med hjälp av blocket Sidlista.
- Lägg till navigering inom en sida eller ett inlägg med hjälp av blocket Innehållsförteckning.
Om du använder ett tema som inte har Redigeraren under Utseende i din adminpanel kan du ta en titt på våra fullt anpassningsbara teman med webbplatsredigeraren.
På datorskärmar visas en meny vanligtvis som en rad med textlänkar. På mindre skärmar, som surfplattor och mobilenheter, finns det ofta inte tillräckligt med utrymme för att visa alla textlänkar så att de blir enkla att trycka på.
I stället är det vanligt att dölja menyvalen bakom en knapp i en överläggsmeny eller hamburgermeny (namnet kommer från att de tre horisontella linjerna liknar en hamburgare).
Från inställningarna för navigeringsblocket i webbplatsredigeraren kan du justera hur överläggsmenyn visas. Följ dessa steg för att anpassa visningen av överläggsmenyn:
- Gå till din webbplats adminpanel och navigera till Utseende → Redigerare.
- Välj Mallar och välj en mall som innehåller din meny, till exempel Hem eller Startsida.
- Öppna listvyn längst upp till vänster på skärmen (det är ikonen som ser ut som tre horisontella linjer ovanför varandra).
- Välj navigeringsblocket i listvyn.
- Visa inställningarna för navigeringsblocket på höger sida av skärmen.
- Klicka på inställningsikonen (kugghjulsikonen).
- Under Visning väljer du inställningar för överläggsmenyn:
- Mobil: Standardinställningen. Överläggsmenyn visas bara på mobilstora skärmar.
- Av: Visa ingen överläggsmeny alls.
- Alltid: Visa överläggsmenyn hela tiden, oavsett skärmstorlek.
- Med överläggsmallen kan du anpassa designen på det helskärmsöverlägg som visas på mobil. Läs vår guide om att anpassa navigeringsöverlägget.
- Klicka på knappen ”Spara” för att spara dina ändringar.
Besökare är vana vid att se en hamburgermeny på mobilenheter. Om du visar skrivbordsmenyn, det vill säga stänger av överläggsmenyn, kan det bli svårt för besökarna att navigera på din webbplats på mobilenheter.
Besök guiden för navigeringsblocket för att lära dig hur du använder alla blockets funktioner.
Klassiska teman och tredjepartsteman kan ha egna standardinställningar för hur menyn visas på mobilenheter. Kontrollera dokumentationen för det tema du har valt för att lära dig mer.
Du kan styra om en rullgardinsmeny öppnas när en besökare hovrar över ett menyval, klickar på det eller alltid är synlig.
Följ dessa steg för att ställa in synligheten för undermenyer:
- Gå till din webbplats adminpanel och navigera till Utseende → Redigerare.
- Välj Mallar och välj en mall som innehåller din meny, till exempel Hem eller Startsida.
- Öppna listvyn längst upp till vänster på skärmen.
- Välj ditt navigeringsblock.
- I blockinställningarnas sidopanel klickar du på ikonen Inställningar (kugghjulsikonen).
- Under Visning hittar du inställningen ”Undermenysynlighet” och väljer ett av följande alternativ:
- Hovra: Rullgardinsmenyn öppnas när en besökare hovrar över det överordnade menyvalet. Du kan också slå av inställningen för att dölja pilen bredvid menyn.
- Klick: Rullgardinsmenyn öppnas när en besökare klickar på det överordnade menyvalet.
- Klicka på knappen Spara för att spara dina ändringar.
Den här delen av guiden gäller webbplatser med våra WordPress.com Personal-, Premium-, Business- och Commerce-paket. För gratiswebbplatser kan du uppgradera ditt paket för att få tillgång till den här funktionen.
CSS-klasser är en avancerad menyegenskap som du kan använda för att tillämpa en CSS-klass på enskilda menyval.
För att avgöra vilken del av den här guiden du ska följa besöker du din WordPress.com-adminpanel och kontrollerar under Utseende i vänstermenyn. Om du ser Redigerare använder du avsnittet Blockteman i den här guiden. Annars följer du instruktionerna för klassiska teman.
Följ dessa steg för att lägga till en CSS-klass i webbplatsredigeraren:
- Gå till din webbplats adminpanel och navigera till Utseende → Redigerare.
- Välj Mallar och välj en mall som innehåller din meny, till exempel Hem eller Startsida.
- Öppna listvyn längst upp till vänster på skärmen (det är ikonen som ser ut som tre horisontella linjer ovanför varandra).
- Välj navigeringsblocket i listvyn.
- Om du inte ser något navigeringsblock kan du skapa ett.
- Visa inställningarna för navigeringsblocket på höger sida av skärmen.
- Klicka på kugghjulsikonen ⚙️ för inställningar och öppna sektionen ”Avancerat”.
- Lägg till din CSS-klass.
Du kan även ange en CSS-klass för enskilda länkar i navigeringsblocket. Välj den enskilda länken innan du går till Avancerat.
Besök vår guide om navigeringsblocket för att lära dig om alla blockets funktioner.
Lär dig mer om att lägga till anpassad CSS.
WordPress.com Support 