Lær hvordan du opretter en WordPress dropdown menu på mindre end 15 minutter

nov 18, 2021
admin

Et godt navigationssystem er et af de vigtigste elementer bag succesen af et websted. Og en dropdown menu er en nem måde at opnå det på. Dit WordPress-websted kan have masser af værdifulde oplysninger, men hvis navigationen ikke er korrekt, er det ikke til nogen nytte. Folk har en tendens til at flytte sig væk. En WordPress dropdown menu løser dette problem. Den holder de besøgende tilbage og reducerer bounce rate.

Grunden til, at mange mennesker holder sig væk fra dropdown-menuer, er, at de ikke ved, hvordan man opretter. Men, er en meget simpel opgave. Alle kan gøre det uden at bruge nogen kode. Der kræves ingen teknisk viden til dette.

I denne artikel vil vi give dig en trin for trin guide en dropdown menu i WordPress. Der er skærmbilleder sammen med trinene. Gå igennem trinene en gang. Du vil være i stand til at en dropdown menu på din egen.

Fordele ved at bruge en dropdown menu i WordPress

Der er masser af fordele ved at have en dropdown menu på dit websted. Først og fremmest giver det et stilfuldt udseende til din hjemmeside. Da den normalt vises øverst på siden som en vandret række. Du kan oprette et websted med et minimalt antal sider. Du kan studere de besøgendes adfærd gennem den måde, de klikker sig igennem navigationsmulighederne på. Dropdown-menuen reducerer også fejlfindingstiden.

Her er nogle af de vigtigste fordele ved at bruge en dropdown-menu:

Fordele ved at bruge en dropdown-menu på et #WordPress #websted. Klik for at Tweet

Fleksibilitet

En stor fordel ved at bruge en dropdown-menu er, at du kan inkludere et vilkårligt antal elementer. Et enkelt ikon vil bære alle andre skjulte ikoner under det. Det vil ikke gøre dit websted teksttungt. Du behøver ikke længere at bekymre dig om skærmens udseende. Du kan tilføje et stort antal elementer og stadig have et minimalt design.

Pladsbesparende

Da du under ét ikon kan tilføje mange elementer, sparer det plads. En dropdown-menu er en god mulighed, hvis du har meget lidt plads og mange nyttige elementer. Du kan optage en masse oplysninger på meget lidt plads. Det gør dit websted brugervenligt såvel som informationsrigt.

En nem navigation

Desto mere tid dine besøgende bruger på dit websted, jo bedre er det for dig. Dårlig navigation irriterer mange gange de besøgende. De har en tendens til at skifte til et andet websted. Med en dropdown-menu kan du løse dette problem. Den har et nemt navigationssystem. Det holder de besøgende tilbage.

Brugervenlighed

Med en dropdown-menu kan du arrangere emnerne efter deres kategori eller hierarki. Det giver dig mulighed for at oprette en rækkefølge. Du kan indstille rækkefølgen med dine besøgendes browsingadfærd i tankerne. De skal føle en trang til at klikke på en overordnet menu. Derefter skal de finde de ting, de ønsker, der. Det vil få dem til at komme tilbage til dig igen.

Sådan opretter du en dropdown-menu i WordPress

Stræk 1: Vælg et WordPress-tema med understøttelse af dropdown-menuer

WordPress har et indbygget menuadministrationssystem. Men visningen afhænger helt af det tema, du bruger. Næsten alle WordPress-temaer understøtter dropdown-menuer. Men der er nogle, der kommer med et særligt menuhåndteringssystem. Disse temaer tilbyder et stort antal funktioner til at oprette og tilpasse menuen.

Her er nogle WordPress-temaer, der understøtter dropdown-menu:

#Top 3 #WordPress #temaer, der understøtter dropdown menu. Click To Tweet

Responsive Pro

Responsive Pro er et responsivt og multipurpose WordPress-tema. Det har et eksklusivt menuadministrationssystem. Man kan nemt oprette en dropdown-menu ved hjælp af træk & drop-funktioner. Det er mobiloptimeret og WooCommerce integreret. Der er avanceret typografi og ubegrænsede farveskemaer. Temaet har en flammende hurtig indlæsningshastighed. Det er meget nemt at tilpasse. Det er tilgængeligt til $47.

Divi

Divi er et elegant WordPress-tema. Det kommer med masser af nyttige funktioner. Det har en avanceret menu skabe funktion med træk og slip muligheder. Divi er en kraftfuld side builder. Det har en visuel sideopbygning og redigeringsmulighed. Det er tilgængeligt på $89.

Ocean WP

Ocean WP er et moderne WordPress-tema. Det leveres med et eksklusivt menuadministrationssystem. Man kan oprette en dropdown menu på ingen tid. Temaet er SEO-optimeret og er klar til e-handel. Det er responsivt og oversættelsesklar. Det er et gratis tema.

Astra

Astra er et multipurpose WordPress-tema. Det er en kraftfuld mega menu builder. Det er mobiloptimeret og WooCommerce klar. Der er brugerdefineret layout, sticky header og dedikeret sidebar. Temaet har avancerede typografi og farveindstillinger. Det er tilgængeligt til $47.

Stræk 2: Oprettelse af en navigationsmenu i WordPress

Det første skridt er at oprette en navigationsmenu. For at gøre det skal du følge nedenstående spets –

  • Gå til dit WordPress Dashboard
  • Gå til Appearance >> Menu side
  • Klik på “Opret en ny menu” link

Nu skal du give et navn til din menu. Den vil ikke være synlig for andre end dig selv. Dette navn vil hjælpe dig med at identificere menuen i WordPress-administrationsområdet. For at give navnet skal du følge disse trin –

  • En boks vises på din skærm
  • Indtast et navn i boksen
  • Klik på knappen “create menu”
  • En menu er oprettet, men den er tom

Da menuen er tom, er det næste trin at tilføje elementer til menuen. Det er meget nemt. Du kan bruge træk & slip-funktionen. Eller du kan følge nedenstående trin –

  • Føj de øverste links til din navigationsmenu
  • Posterne vises på rækken i din menu
  • Vælg de poster, du vil tilføje
  • Klik på knappen “Tilføj til menu”
  • Posterne vises i din menu

Skridt 3: Tilføjelse af underpunkter til en menu

Underpunkter er de elementer, der vises inde i dropdown-menuen. Du kan tilføje dem under et hvilket som helst element i menuen. du kan arrangere rækkefølgen efter eget valg. Du kan tilføje et element under et hvilket som helst overordnet link. Alt afhænger af dine behov. Her vil vi tilføje underelementer under blog-linket.

For at tilføje underpunkter til din menu skal du følge disse trin –

  • Vælg emnerne fra venstre kolonne
  • Klik på knappen “Tilføj til menu”
  • Emnerne vises nu i din menu

Men, disse emner vises nu som almindelige emner. Du er nødt til at konvertere dem til underpunkter. Dette er slet ikke svært. Det eneste, vi skal gøre, er at trække elementerne og placere dem under en overordnet menu. Gentag trinene for alle de links, som du ønsker at få vist under en overordnet menu. Klik nu på knappen “Save menu” (Gem menu).

Stræk 4: Udgiv din dropdown-menu

Når du har oprettet menuen, skal du vælge visningsplacering. Følg nedenstående trin –

  • Kig på højre kolonne
  • Gå til menuindstillinger
  • Vælg en indstilling ved siden af “Visningsposition”
  • Klik på knappen “Gem menu”

Din menu er nu klar. Besøg dit websted en gang for at se dropdown-menuen i aktion. Hvis den fungerer godt, er du færdig.

WordPress plugins til at udvide din dropdown-menus funktionalitet

Vil du tilføje mere funktionalitet til din #WordPress dropdown #menu? Her er en liste over #Top 5 WordPress menu #plugins. Click To Tweet

Max Mega Menu

Max Mega Menu er et funktionsrigt WordPress-menuplugin. Det leveres med WooCommerce og Easy Digital Downloads integration. Der er en indbygget tema editor med 100+ tilpasningsmuligheder. Det er bygget på CSS3. det understøtter flere menuer med hver sine egne konfigurationer. Brugere kan oprette en vandret eller lodret menu. Plugin’et kommer i både gratis og premium muligheder.

Funktioner

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

Pris – $29

UberMenu

UberMenu er et responsivt WordPress menu plugin. Det leveres med et fuldt gitter system med individuel layout kontrol. Pluginet understøtter fanebaserede undermenuer. Det er nemt at tilpasse. Det har forbedret brugergrænseflade. Der er automatisk integrationsmulighed for temaer.

Funktioner

  • Fleksible layouts
  • Fremskrevet indhold
  • Mobile-Optimeret
  • Dynamisk emnegenerering
  • Forbedret brugergrænseflade

Pris – $25

Hero Menu

Hero Menu er et professionelt WordPress menu plugin. Det kommer med uendelig mulighed. Plugin’et er responsivt og fleksibelt. Det har en avanceret sticky menu. Det er klar til at installere og let at bruge. Alle kan bruge det. Ingen kodning viden kræves for dette.

Funktioner

  • Drag & Drop Menu Builder
  • 60 Colour Presets
  • Fri ikoner
  • WooCommerce Enabled
  • Mobile-Optimeret

Pris – $14

WP Mobile Menu

WP Mobile Menu er et moderne WordPress menu plugin. Det leveres med 2000+ ikoner, 2 responsive menupanel og ubegrænsede farveindstillinger. Med dette plugin er menuerne kun synlige for indloggede brugere. Der er to forskellige visningsmuligheder. Slideout over indholdet og slideout skubbe indhold. Plugin’et er tilgængeligt i både gratis og premium versioner.

Funktioner

  • Menu Cart Icons
  • 5 Depth Menu Level
  • Header Banner
  • Footter Menu
  • Alternative Manus pr. side

Pris – $29

WP Responsive Menu

WP Responsive Menu er et gratis WordPress-plugin til menubygning. Det kommer med masser af nemme at bruge funktioner. Det har muligheder for at åbne eller lukke menuen med enkle swipe-bevægelser. Man kan ændre menuikonanimationer som pr. behov på webstederne. Plugin’et er klar til brug og let at tilpasse.

Funktioner

  • Søgbar på menuen
  • WooCommerce integreret
  • Mobiloptimeret
  • Tilføj logos & Ikoner
  • To visningsmuligheder

Pris:

Pris: Vi har forsøgt at give dig et indblik i, hvordan du opretter en dropdown-menu på dit WordPress-websted. Håber du fandt trinene nyttige. Hvis du følger ovenstående trin, kan du oprette din egen dropdown-menu inden for få minutter. Men, du skal være meget klar over dit formål. Kend din besøgendes tankegang. Prøv at forstå, hvad de vil kigge efter på dit websted. Og ud fra det skal du arrangere emnerne i din dropdown-menu.
Hvis du har kunnet lide artiklen, så glem ikke at dele den på Twitter. Du kan dele den på Twitter ved at klikke på “Click to tweet”-knappen nedenfor.

#Lær hvordan du opretter en #WordPress Dropdown #menu på mindre end 15 minutter. Click To Tweet

Skriv et svar

Din e-mailadresse vil ikke blive publiceret.