Skapa rullgardinsmenyer

En rullgardinsmeny, eller en undermeny, visar ytterligare objekt när du håller muspekaren över eller klickar på ett objekt i menyn. De kan vara användbara för att hålla din meny snygg och organiserad. Den här guiden kommer att visa dig hur du skapar en rullgardinsmeny.

I denna guide

1. Skapa en rullgardinsmeny
2. Lägg till ett menyval utan en länk

Skapa en rullgardinsmeny

Följ stegen nedan för att skapa en rullgardinsmeny.

📌

För att avgöra vilket avsnitt av den här guiden du ska följa, gå till din adminpanel och titta under Utseende på den vänstra sidan. Om du ser Redigerare ska du använda avsnittet Webbplatsredigerare i den här guiden. Annars ska du använda instruktionerna för WP-admin eller Anpassa.

Välj lämplig flik för ditt designgränssnitt:

WebbplatsredigerareWP-AdminAnpassare

I webbplatsredigeraren kommer din meny från navigeringsblocket. Följ dessa steg för att skapa en rullgardinsmeny:

1. Öppna din adminpanel och gå till Utseende → Redigerare.
2. Klicka på den högra sidan av skärmen för att öppna redigeringsområdet.
   • Alternativt kan du välja Mönster och välja den rubrik eller annan del av en mall som innehåller din meny.
3. Öppna listvyn längst upp till vänster på din skärm (det är ikonen med tre horisontella linjer).
4. Välj blocket Navigering (det kan bäddas in i andra block, exempelvis Rubrik, Grupp eller Rad.)
5. I sidopanelens inställningar till höger håller du muspekaren över ett menyval och klickar på de tre punkterna som visas.
   • Om du inte ser sidopanelen till höger kan du behöva klicka på ikonen för Inställningar längst upp till höger för att öppna inställningarna. Ikonen ser ut som en kvadrat med två ojämna kolumner.
6. Klicka på länken Lägg till undermeny.
7. Välj den första sidan som du vill ska visas i rullgardinsmenyn.
8. Upprepa tills du har lagt till alla menyval.
9. Klicka på Spara för att spara dina ändringar.

Gör videoklippet långsammare eller snabbare med kontrollerna i det nedre högra hörnet efter att du har klickat på Spela upp

Alternativt kan du skapa en rullgardinsmeny med hjälp av verktygsfältet för blocket Navigering:

1. Klicka på det menyval som du vill göra till en rullgardinsmeny.
2. Ett verktygsfält visas ovanför menyvalet. Där hittar du knappen Lägg till undermeny (ikonen ser ut som en böjd pil bredvid tre horisontella linjer).
3. Klicka på knappen Lägg till undermeny i verktygsfältet för att omvandla menyvalet till en rullgardinsmeny.
4. Klicka på +-ikonen eller alternativet Lägg till länk som visas för att lägga till nya länkar i din rullgardinsmeny.
5. Klicka på Spara för att spara dina ändringar.

Gör videoklippet långsammare eller snabbare med kontrollerna i det nedre högra hörnet efter att du har klickat på Spela upp

På webbplatser med klassiska teman kan du lägga till rullgardinsmenyer med hjälp av WP-admin genom att följa dessa steg:

1. Besök din adminpanel.
2. Gå till Utseende → Menyer.
3. Kontrollera att rätt meny är vald överst på skärmen.
4. Klicka på ett menyval och dra det åt höger för att ”bädda in” det under objektet precis ovanför.
5. Klicka på knappen ”Spara meny” för att spara dina ändringar.

Du kan ångra detta genom att dra dem åt vänster igen. Klicka på Spara meny när du är klar.

På webbplatser med klassiska teman kan du skapa rullgardinsmenyer med hjälp av Anpassaren genom att följa dessa steg:

1. Lägg till alla menyval som du vill ha i din webbplatsmeny.
2. Klicka på länken ”Ändra ordning” som visas under dina menyval.
3. Klicka på högerpilen > för att bädda in en sida under sidan ovan och skapa en rullgardinsmeny.
4. När du är nöjd med din rullgardinsmeny klickar du på knappen ”Klar”.
5. Klicka på knappen ”Spara ändringar” för att publicera dina ändringar på webbplatsen.

Videohandledning

Lägg till ett menyval utan en länk

Du kan skapa ett ”ej klickbart” menyval, vilket är användbart när du skapar rullgardinsmenyer. Tricket är att använda en #-symbol som menyvalets länk. Objektet går fortfarande att klicka på, men det kan inte användas för att navigera till en ny sida. Följ dessa steg för att skapa ett ”ej klickbart” menyval.

📌

För att avgöra vilket avsnitt av den här guiden du ska följa, gå till din adminpanel och titta under Utseende på den vänstra sidan. Om du ser Redigerare ska du använda avsnittet Webbplatsredigerare i den här guiden. Annars ska du använda instruktionerna för WP-admin eller Anpassa.

Välj lämplig flik för ditt designgränssnitt:

WebbplatsredigerareWP-AdminAnpassare

I webbplatsredigeraren kommer din meny från navigeringsblocket. Följ dessa steg för att skapa ett ej klickbart menyval:

1. Öppna din adminpanel och gå till Utseende → Redigerare.
2. Välj mallen som innehåller menyn som du vill redigera.
3. Öppna listvyn längst upp till vänster på din skärm (det är ikonen med tre horisontella linjer).
4. Lokalisera blocket Navigering (det kan bäddas in i andra block, exempelvis Rubrik, Grupp eller Rad).
5. Klicka på det menyval du vill göra till en oklickbar länk, eller lägg till ett nytt menyval.
6. Ett verktygsfält visas ovanför menyvalet. Där hittar du knappen Länk (ikonen ser ut som en länk på en kedja).
7. Redigera länken genom att klicka på pennikonen.
8. I URL-rutan placerar du endast #-symbolen, precis som på bilden till höger.
9. Tryck på returtangenten på ditt tangentbord för att skicka ändringen.

GIF-bilden nedan visar processen:

För att skapa ett menyval utan en länk, lägg till en #-symbol i URL-fältet.

På webbplatser med klassiska teman kan du lägga till en ej klickbar länk i din meny med hjälp av WP-admin genom att följa dessa steg:

1. Gå till Utseende → Menyer.
2. Välj din meny.
3. Klicka på sektionen ”Anpassade länker” under rubriken ”Lägg till menyval”.
4. I fältet URL anger du symbolen #, såsom visas i bilden till höger.
5. I fältet Länktext anger du den text du vill visa i menyn, såsom visas i bilden till höger.
6. Klicka på knappen ”Lägg till i meny”.
7. Klicka på knappen ”Spara meny”.

På webbplatser med klassiska teman kan du lägga till en ej klickbar länk i din meny med hjälp av Anpassaren genom att följa dessa steg:

1. Gå till Utseende → Anpassa → Menyer.
2. Välj din meny.
3. Klicka på knappen ”Lägg till objekt”.
4. Klicka på alternativet Anpassade länkar.
5. I fältet URL anger du symbolen #, såsom visas i bilden till höger.
6. I fältet Länktext anger du den text du vill visa i menyn, såsom visas i bilden till höger.
7. Klicka på knappen ”Lägg till i meny”.
8. Klicka på knappen ”Spara ändringar”.