Lär dig att skapa en WordPress Dropdown-meny på mindre än 15 minuter

nov 18, 2021
admin

Ett bra navigationssystem är en av de viktigaste faktorerna för att en webbplats ska bli framgångsrik. Och en dropdown-meny är ett enkelt sätt att uppnå detta. Din WordPress-webbplats kan ha massor av värdefull information, men om navigeringen inte är korrekt är den inte till någon nytta. Människor tenderar att flytta sig bort. En dropdown-meny i WordPress löser det här problemet. Den håller tillbaka besökarna och minskar avvisningsfrekvensen.

Anledningen till att många människor håller sig borta från dropdown-menyer är att de inte vet hur man skapar. Men, är en mycket enkel uppgift. Vem som helst kan göra det utan att använda någon kod. Ingen teknisk kunskap krävs för detta.

I den här artikeln kommer vi att ge dig en steg för steg guide en rullgardinsmeny i WordPress. Det finns skärmdumpar tillsammans med stegen. Gå igenom stegen en gång. Du kommer att kunna en rullgardinsmeny på egen hand.

Fördelar med att använda en rullgardinsmeny i WordPress

Det finns många fördelar med att ha en rullgardinsmeny på din webbplats. Först och främst ger den ett stilfullt utseende till din hemsida. Eftersom den vanligtvis visas högst upp på sidan som en horisontell rad. Du kan skapa en webbplats med ett minimalt antal sidor. Du kan studera besökarnas beteende genom hur de klickar sig fram genom navigeringsalternativen. Dropdown-menyn minskar också felsökningstiden.

Här är några viktiga fördelar med att använda en rullgardinsmeny:

Fördelar med att använda en rullgardinsmeny på en #WordPress #webbplats. Klicka för att twittra

Flexibilitet

En stor fördel med att använda en rullgardinsmeny är att du kan inkludera hur många objekt som helst. En enda ikon kommer att bära alla andra dolda ikoner under den. Det kommer inte att göra din webbplats texttung. Du behöver inte längre oroa dig för skärmens utseende. Du kan lägga till ett stort antal objekt och ändå ha en minimal design.

Platsbesparande

Då du under en ikon kan lägga till många objekt sparar det utrymme. En rullgardinsmeny är ett utmärkt alternativ om du har mycket litet utrymme och många användbara objekt. Du kan ta upp mycket information på ett mycket litet utrymme. Det gör din webbplats användarvänlig samt informationsrik.

Enklare navigering

Jo mer tid dina besökare spenderar på din webbplats, desto bättre är det för dig. Dålig navigering irriterar många gånger besökarna. De tenderar att byta till någon annan webbplats. Med en rullgardinsmeny kan du lösa detta problem. Den har ett enkelt navigationssystem. Den håller tillbaka tittarna.

Användarvänlighet

Med en rullgardinsmeny kan du ordna objekten enligt deras kategori eller hierarki. Den gör det möjligt att skapa en ordning. Du kan ställa in ordningen med besökarnas surfbeteende i åtanke. De ska känna sig trängda att klicka på en överordnad meny. Därefter ska de hitta de saker de önskar där. Det kommer att få dem att komma tillbaka till dig igen.

Hur man skapar en rullgardinsmeny i WordPress

Steg 1: Välj ett WordPress-tema med stöd för rullgardinsmenyer

WordPress har ett inbyggt menyhanteringssystem. Men visningen beror helt och hållet på vilket tema du använder. Nästan alla WordPress-teman har stöd för rullgardinsmenyer. Men det finns några som kommer med ett speciellt menyhanteringssystem. Dessa teman erbjuder ett stort antal funktioner för att skapa och anpassa menyn.

Här är några WordPress-teman som stöder dropdown-meny:

#Top 3 #WordPress #teman som stöder dropdown-meny. Click To Tweet

Responsive Pro

Responsive Pro är ett responsivt och multifunktionellt WordPress-tema. Det har ett exklusivt menyhanteringssystem. Man kan enkelt skapa en rullgardinsmeny med hjälp av drag & drop-funktioner. Det är mobiloptimerat och WooCommerce integrerat. Det finns avancerad typografi och obegränsade färgscheman. Temat har en flammande snabb laddningshastighet. Det är mycket lätt att anpassa. Det finns tillgängligt för 47 dollar.

Divi

Divi är ett elegant WordPress-tema. Det kommer med många användbara funktioner. Det har en avancerad funktion för att skapa menyer med drag och släpp-alternativ. Divi är en kraftfull sidbyggare. Det har ett visuellt sidbyggnads- och redigeringsalternativ. Det är tillgängligt för 89 dollar.

Ocean WP

Ocean WP är ett modernt WordPress-tema. Det kommer med ett exklusivt menyhanteringssystem. Man kan skapa en rullgardinsmeny på nolltid. Temat är SEO-optimerat och redo för e-handel. Det är responsivt och översättningsklart. Det är ett gratis tema.

Astra

Astra är ett mångsidigt WordPress-tema. Det är en kraftfull mega menybyggare. Det är mobiloptimerat och WooCommerce redo. Det finns anpassad layout, sticky header och dedikerad sidebar. Temat har avancerade typografi- och färgalternativ. Det är tillgängligt för 47 dollar.

Steg 2: Skapa en navigeringsmeny i WordPress

Det första steget är att skapa en navigeringsmeny. För att göra det måste du följa spetsarna nedan –

  • Gå till din WordPress Dashboard
  • Gå till Appearance >> Menysidan
  • Klicka på länken ”Skapa en ny meny”

Nu måste du ge ett namn till din meny. Den kommer inte att vara synlig för någon annan än dig. Detta namn kommer att hjälpa dig att identifiera menyn i WordPress adminområde. För att ge namnet följer du dessa steg –

  • En ruta visas på din skärm
  • Inför ett namn i rutan
  • Klicka på knappen ”create menu”
  • En meny är skapad men den är tom

Då menyn är tom är nästa steg att lägga till objekt i menyn. Det är mycket enkelt. Du kan använda drag & drop-funktionen. Eller så följer du stegen nedan –

  • Lägg till topplänkarna i din navigeringsmeny
  • Artiklarna kommer att visas på raden i din meny
  • Välj de objekt du vill lägga till
  • Klicka på knappen ”Lägg till i menyn”
  • Artiklarna kommer att visas i din meny

Steg 3: Lägga till underpunkter i en meny

Underpunkter är de objekt som visas i rullgardinsmenyn. Du kan lägga till dem under vilket objekt som helst i menyn. du kan ordna ordningen enligt dina önskemål. Du kan lägga till ett objekt under en överordnad länk. Allt beror på dina behov. Här kommer vi att lägga till underpunkter under blogglänken.

För att lägga till underpunkter i din meny följer du dessa steg –

  • Välj objekten i den vänstra kolumnen
  • Klicka på knappen ”Lägg till i menyn”
  • Objekten kommer nu att visas i din meny

Men, dessa objekt kommer nu att visas som vanliga objekt. Du måste omvandla dem till underposter. Detta är inte alls svårt. Allt vi behöver göra är att dra objekten och placera dem under en överordnad meny. Upprepa stegen för alla länkar som du vill ska visas under en överordnad meny. Klicka nu på knappen ”Save menu” (spara menyn).

Steg 4: Publicera din rullgardinsmeny

När du har skapat menyn måste du välja visningsplats. Följ stegen nedan –

  • Se på den högra kolumnen
  • Gå till menyinställningar
  • Välj ett alternativ bredvid ”Visningsplats”
  • Klicka på knappen ”Spara menyn”

Din meny är nu klar. Besök din webbplats en gång för att se hur rullgardinsmenyn fungerar. Om den fungerar bra är du klar.

WordPress-plugins för att utöka dropdown-menyns funktionalitet

Vill du lägga till mer funktionalitet till din #WordPress dropdown #meny? Här är en lista över #Top 5 WordPress menu #plugins. Click To Tweet

Max Mega Menu

Max Mega Menu är ett funktionsrikt WordPress-menuplugin. Det kommer med WooCommerce och Easy Digital Downloads integration. Det finns en inbyggd temaredigerare med 100+ anpassningsalternativ. Det är byggt på CSS3. det stöder flera menyer med var och en har sina egna konfigurationer. Användare kan skapa en horisontell eller vertikal meny. Pluginet finns i både gratis och premiumalternativ.

Funktioner

  • Tabbed Sub Menus
  • Sticky Menu
  • Accordion Menu
  • Custom Icons
  • Custom Icons
  • Custom Item Styling

Pris – $29

UberMenu

UberMenu är ett responsivt WordPress menyplugin. Det kommer med ett fullständigt rutnätssystem med individuell layoutkontroll. Pluginet har stöd för undermenyer med flikar. Det är lätt att anpassa. Det har ett förbättrat användargränssnitt. Det finns ett automatiskt integrationsalternativ för teman.

Funktioner

  • Flexibla layouter
  • Avancerat innehåll
  • Mobile-Optimized
  • Dynamic Item Generation
  • Enhanced UI

Pris – $25

Hero Menu

Hero Menu är ett professionellt WordPress meny plugin. Det kommer med oändliga möjligheter. Pluginet är responsivt och flexibelt. Det har en avancerad klibbig meny. Det är redo att installera och lätt att använda. Vem som helst kan använda det. Ingen kodningskunskap krävs för detta.

Funktioner

  • Drag & Drop Menu Builder
  • 60 Colour Presets
  • Free Icons
  • WooCommerce Enabled
  • Mobile-Optimerad

Pris – $14

WP Mobile Menu

WP Mobile Menu är ett modernt WordPress menyplugin. Det kommer med 2000+ ikoner, 2 responsiva menypaneler och obegränsade färginställningar. Med det här insticksprogrammet är menyer synliga endast för inloggade användare. Det finns två olika visningsalternativ. Slideout över innehållet och slideout push content. Pluginet finns i både gratis- och premiumversioner.

Funktioner

  • Meny Cart Icons
  • 5 Depth Menu Level
  • Header Banner
  • Footer Menu
  • Alternative Manus per sida

Pris – $29

WP Responsive Menu

WP Responsive Menu är ett gratis WordPress-plugin för menybygge. Det kommer med massor av lättanvända funktioner. Det har alternativ för att öppna eller stänga menyn med enkla svepgester. Man kan ändra animationer av menyikoner enligt webbplatsernas behov. Pluginet är redo att använda och lätt att anpassa.

Funktioner

  • Sökfält på menyn
  • WooCommerce integrerat
  • Mobiloptimerat
  • Tillägg logotyper & Ikoner
  • Två visningsalternativ

Pris: Vi har försökt ge dig en inblick i hur du skapar en rullgardinsmeny på din WordPress-webbplats. Hoppas att du fann stegen hjälpsamma. Om du följer de steg som nämns ovan kan du skapa din egen rullgardinsmeny inom några minuter. Men du måste vara väldigt tydlig med ditt syfte. Känn till din besökares tankesätt. Försök att förstå vad de kommer att leta efter på din webbplats. Och utifrån det kan du ordna objekt i din rullgardinsmeny.
Om du har gillat artikeln, glöm inte att dela den på Twitter. Du kan dela den på Twitter genom att klicka på knappen ”Click to tweet” nedan.

#Lär dig att skapa en #WordPress Dropdown #meny på mindre än 15 minuter. Click To Tweet

Lämna ett svar

Din e-postadress kommer inte publiceras.