Lær hvordan du opretter en WordPress dropdown menu på mindre end 15 minutter
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