Een goed navigatiesysteem is een van de belangrijkste elementen achter het succes van een website. En, een dropdown menu is een gemakkelijke manier om dat te bereiken. Uw WordPress site kan veel waardevolle informatie bevatten, maar als de navigatie niet goed is, is het van geen enkel nut. Mensen hebben de neiging om weg te gaan. Een WordPress dropdown menu lost dit probleem op. Het houdt de bezoekers tegen en vermindert de bounce rate.

De reden waarom veel mensen wegblijven van dropdown menu’s is dat ze niet weten hoe te creëren. Maar, is een zeer eenvoudige taak. Iedereen kan het doen zonder gebruik van enige code. Geen technische kennis vereist voor dit.

In dit artikel, zullen wij u voorzien van een stap voor stap handleiding een dropdown menu in WordPress. Er zijn screenshots samen met de stappen. Ga door de stappen een keer. U zult in staat zijn om een dropdown menu op uw eigen.

Voordelen van het gebruik van een dropdown menu in WordPress

Er zijn tal van voordelen van het hebben van een dropdown menu op uw site. Ten eerste, het brengt een stijlvolle uitstraling aan uw homepage. Het verschijnt meestal boven aan de pagina als een horizontale rij. U kunt een site maken met een minimum aantal pagina’s. U kunt het gedrag van bezoekers bestuderen door de manier waarop ze door de navigatieopties klikken. Het dropdown menu verkort ook de debugging-tijd.

Hier volgen enkele belangrijke voordelen van het gebruik van een dropdown menu:

Voordelen van het gebruik van een dropdown menu in een #WordPress #website. Klik om te tweeten

Flexibiliteit

Een groot voordeel van het gebruik van een dropdownmenu is dat u een willekeurig aantal items kunt opnemen. Een enkel pictogram zal alle andere verborgen pictogrammen eronder dragen. Het zal uw site niet tekstzwaar maken. U hoeft zich geen zorgen meer te maken over het uiterlijk van het scherm. U kunt een groot aantal items toevoegen en toch een minimaal ontwerp hebben.

Ruimtebesparend

Omdat u onder één icoon veel items kunt toevoegen, bespaart het ruimte. Een dropdown menu is een goede optie als u heel weinig ruimte hebt en veel nuttige items. U kunt veel informatie kwijt in een zeer kleine ruimte. Het maakt uw site gebruiksvriendelijk en rijk aan informatie.

Easy Navigation

Hoe meer tijd uw bezoekers op uw site doorbrengen, hoe beter het voor u is. Slechte navigatie vele malen irriteren de bezoekers. Ze hebben de neiging om te schakelen naar een andere site. Met een dropdown menu, kunt u dit probleem oplossen. Het heeft een eenvoudig navigatiesysteem. Het houdt de kijkers tegen.

Gebruiksvriendelijkheid

Met een dropdown menu, kunt u de items rangschikken op basis van hun categorie of hiërarchie. Het stelt u in staat om een volgorde te creëren. U kunt de volgorde rekening houdend met uw bezoekers browsen gedrag in het achterhoofd. Ze moeten de drang voelen om op een bovenliggend menu te klikken. Daarna moeten ze daar de dingen vinden die ze wensen. Zo komen ze nog eens bij u terug.

Hoe maak je een dropdown menu in WordPress

Stap 1: Kies een WordPress thema met dropdown menu-ondersteuning

WordPress heeft een ingebouwd menubeheersysteem. Maar de weergave hangt volledig af van het thema dat u gebruikt. Bijna alle WordPress thema’s ondersteunen dropdown menu’s. Maar er zijn er ook die met een speciaal menu management systeem komen. Deze thema’s bieden een groot aantal mogelijkheden om menu’s te maken en aan te passen.

Hier zijn enkele WordPress thema’s die dropdown menu ondersteunen:

#Top 3 #WordPress #thema’s die dropdown menu ondersteunen. Click To Tweet

Responsive Pro

Responsive Pro is een responsive en multipurpose WordPress theme. Het heeft een exclusief menu management systeem. Men kan gemakkelijk een dropdown menu met behulp van drag & drop functies. Het is mobiel geoptimaliseerd en WooCommerce geïntegreerd. Er zijn geavanceerde typografie en onbeperkte kleurenschema’s. Het thema heeft een razendsnelle laadsnelheid. Het is zeer eenvoudig aan te passen. Het is verkrijgbaar voor $ 47.

Divi

Divi is een elegante WordPress thema. Het wordt geleverd met veel handige functies. Het heeft een geavanceerde functie voor het maken van menu’s met drag-and-drop opties. Divi is een krachtige paginabouwer. Het heeft een visuele pagina bouwen en bewerken optie. Het is verkrijgbaar voor 89 dollar.

Ocean WP

Ocean WP is een modern WordPress-thema. Het wordt geleverd met een exclusief menu management systeem. Men kan een dropdown menu in een handomdraai maken. Het thema is SEO geoptimaliseerd en klaar voor eCommerce. Het is responsief en klaar voor vertalingen. Het is een gratis thema.

Astra

Astra is een multifunctioneel WordPress-thema. Het is een krachtige mega menu builder. Het is mobiel geoptimaliseerd en klaar voor WooCommerce. Er zijn aangepaste lay-out, kleverige header en speciale zijbalk. Het thema heeft geavanceerde typografie en kleur opties. Het is verkrijgbaar voor $ 47.

Stap 2: Het maken van een navigatiemenu in WordPress

De eerste stap is het maken van een navigatiemenu. Om dat te doen, moet u de onderstaande stappen volgen –

• Ga naar uw WordPress Dashboard
• Ga naar Uiterlijk >> Menu pagina
• Klik op “Maak een nieuw menu” link

Nu moet u een naam aan uw menu geven. Deze naam is voor niemand anders zichtbaar dan voor uzelf. Deze naam zal u helpen om het menu te identificeren in het WordPress admin gedeelte. Om een naam te geven volgt u deze stappen –

• Er verschijnt een vak op uw scherm
• Voer een naam in het vak in
• Klik op de knop “menu maken”
• Er is een menu gemaakt, maar het is leeg

Aangezien het menu leeg is, is de volgende stap het toevoegen van items aan het menu. Dat is heel eenvoudig. U kunt gebruik maken van de sleep & neerzet functie. Of volg de onderstaande stappen –

• Voeg de bovenste links aan uw navigatiemenu toe
• De items verschijnen op de rij van uw menu
• Selecteer de items die u wilt toevoegen
• Klik op de knop “Aan menu toevoegen”
• De items verschijnen op uw menu

Stap 3: Sub-items aan een menu toevoegen

Subitems zijn de items die binnen het dropdown menu verschijnen. U kunt ze onder elk item van het menu toevoegen. U kunt de volgorde naar eigen keuze regelen. U kunt elk item onder een bovenliggende link toevoegen. Alles hangt af van je behoeften. Hier zullen we subitems toevoegen onder de blog link.

Om subitems aan uw menu toe te voegen, volgt u deze stappen –

• Selecteer de items uit de linker kolom
• Klik op de knop “Aan menu toevoegen”
• De items zullen nu in uw menu verschijnen

Maar, deze items zullen nu als gewone items verschijnen. U moet ze omzetten in subitems. Dit is helemaal niet moeilijk. Het enige wat we hoeven te doen is de items te verslepen en ze onder een hoofdmenu te plaatsen. Herhaal de stappen voor alle links die je onder een hoofdmenu wilt plaatsen. Klik nu op de “Bewaar menu” knop.

Stap 4: Publiceer uw dropdown menu

Nadat u het menu heeft gemaakt, moet u de plaats kiezen waar het wordt weergegeven. Volg de onderstaande stappen –

• Kijk in de rechterkolom
• Ga naar menu-instellingen
• Kies een optie naast “Weergave-locatie”
• Klik op de knop “Menu opslaan”

Uw menu is nu klaar. Bezoek uw website een keer om het vervolgkeuzemenu in actie te controleren. Als het goed werkt, bent u klaar.

WordPress-plugins om de functionaliteit van uw dropdown-menu uit te breiden

Wilt u meer functionaliteit aan uw #WordPress dropdown #menu toevoegen? Hier is een lijst met #Top 5 WordPress menu #plugins. Click To Tweet

Max Mega Menu

Max Mega Menu is een WordPress-menu-plugin met veel functies. Het wordt geleverd met WooCommerce en Easy Digital Downloads integratie. Er is een ingebouwde thema editor met 100 + aanpassingsmogelijkheden. Het is gebouwd op CSS3. Het ondersteunt meerdere menu’s met elk met zijn eigen configuraties. Gebruikers kunnen maken van een horizontale of verticale menu. De plugin wordt geleverd in zowel gratis en premium opties.

Features

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

Prijs – $29

UberMenu

UberMenu is een responsieve WordPress menu plugin. Het wordt geleverd met een volledig rastersysteem met individuele lay-out controle. De plugin ondersteunt tabbed submenu’s. Het is gemakkelijk aan te passen. Het heeft verbeterde gebruikersinterface. Er is automatische integratie optie voor thema’s.

Features

• Flexibele Lay-outs
• Geavanceerde inhoud
• Mobile-Geoptimaliseerd
• Dynamische itemgeneratie
• Geavanceerde UI

Prijs – $25

Hero Menu

Hero Menu is een professionele WordPress menu plugin. Het wordt geleverd met eindeloze mogelijkheden. De plugin is responsief en flexibel. Het heeft een geavanceerde sticky menu. Het is klaar om te installeren en makkelijk te gebruiken. Iedereen kan het gebruiken. Geen codering kennis vereist voor dit.

Features

• Drag & Drop Menu Builder
• 60 Presets kleuren
• Free Icons
• WooCommerce Enabled
• Mobile-Geoptimaliseerd

Prijs – $14

WP Mobile Menu

WP Mobile Menu is een moderne WordPress menu plugin. Het wordt geleverd met 2000 + pictogrammen, 2 responsieve menupaneel en onbeperkte kleurinstellingen. Met deze plugin, zijn menu’s zichtbaar voor alleen ingelogde gebruikers. Er zijn twee verschillende weergave opties. Slideout over de inhoud en slideout push inhoud. De plugin is beschikbaar in zowel gratis en premium versies.

Features

• Menu Cart Icons
• 5 Diepte Menu Level
• Header Banner
• Footer Menu
• Alternatieve Manus per pagina

Prijs – $29

WP Responsive Menu

WP Responsive Menu is een gratis WordPress plugin voor het bouwen van menu’s. Het wordt geleverd met veel eenvoudig te gebruiken functies. Het heeft opties om het menu te openen of te sluiten met eenvoudige veegbewegingen. Men kan menu pictogram animaties wijzigen als per de behoeften van de sites. De plugin is klaar voor gebruik en gemakkelijk aan te passen.

Features

• Zoekbalk op Menu
• WooCommerce Integrated
• Mobile-Optimized
• Add Logo’s & Icons
• Twee Weergave-opties

Prijs: Gratis

Wrapping up

We hebben geprobeerd om u een inzicht te geven over hoe u een dropdown menu op uw WordPress website kunt maken. Hopelijk vond u de stappen nuttig. Als je de bovenstaande stappen volgt, kun je binnen een paar minuten je eigen dropdown menu maken. Maar, je moet heel duidelijk zijn over je doel. Ken de mindset van uw bezoeker. Probeer te begrijpen wat ze zoeken op je site. En, op basis van dat regelen de items in uw dropdown menu.
Als je het artikel leuk vond, vergeet het dan niet te delen op Twitter. U kunt het delen op Twitter door te klikken op de “Click to tweet” knop hieronder.

#Leer hoe je een #WordPress Dropdown #menu maakt in minder dan 15 minuten. Click To Tweet