Hoe maak je een vervolg keuzemenu (dropdown menu) in WordPress? - DeLaatbusiness
facebook chatbots

Hoe maak je een vervolg keuzemenu (dropdown menu) in WordPress?

8 min


120
Dummy image 6 gratis internet marketing ebooks, klik hier voor download

Wil je weten wat een dropdown-menu is en hoe het werkt? Dan bent u bij ons aan het goede adres. In dit artikel laten we u zien hoe u in een paar eenvoudige stappen een vervolgkeuzemenu in WordPress kunt toevoegen.

Vervolgkeuzemenu’s zijn in feite menu’s met meerdere niveaus. Zoals de naam al doet vermoeden, wordt een lijst met items ‘drop-down’ wanneer u de muisaanwijzer over een item beweegt. Je denkt misschien dat het moeilijk te bereiken is. Integendeel, eenvoudiger kan niet. Een paar klikken hier en wat slepen en neerzetten zal je een vervolgkeuzemenu geven.

In dit artikel leggen we uit wat een vervolgkeuzemenu is, hoe het werkt, en laten we zien hoe gemakkelijk u er een kunt maken. Daarnaast laten we u ook weten hoe u uw menu aan uw wensen kunt aanpassen.

A) Wat is een vervolgkeuzemenu?

Een vervolgkeuzemenu toont de lijst met items alleen als u uw muis over het hoofditem beweegt. Simpel gezegd is het een menu met meer dan één niveau. Alleen het eerste niveau wordt aan het begin getoond, maar als je er met de muis over beweegt, worden de andere verborgen niveaus onthuld. 

Zoals u kunt zien, bespaart een vervolgkeuzemenu ruimte in het venster van uw website. Het stelt gebruikers ook in staat om een ​​georganiseerde weergave van uw site te hebben.

Een vervolgkeuzemenu om een ​​vervolgkeuzemenu toe te voegen in WordPress

Als je net begint met je WordPress-website , kan een eenvoudig navigatiemenu alles zijn wat je nodig hebt. Maar naarmate uw website groeit, heeft deze meer pagina’s en meer items om aan het navigatiemenu toe te voegen.

Na verloop van tijd zult u naar een ander type menu willen overschakelen om te voorkomen dat de navigatie vol zit met een hoop items. Dat is waar vervolgkeuzemenu’s handig worden.

Dropdown-menu’s zijn erg flexibel. U kunt uw items rangschikken op onderwerpen en prioriteiten. Als u een aantal goede plug-ins gebruikt , kunt u zelfs het gedrag van uw menu wijzigen.


B) Hoe maak je een vervolgkeuzemenu in WordPress?

Het maken van een vervolgkeuzemenu in WordPress is heel eenvoudig. Slechts een paar kleine aanpassingen in je menu en je hebt een dropdown-menu. Hier is een stapsgewijze handleiding voor het maken van een vervolgkeuzemenu in WordPress.

Stap 1: Maak een WordPress-menu

We hebben al gezegd dat je vervolgkeuzemenu zal worden gemaakt met een paar aanpassingen in je menu. Je hebt dus eerst een menu nodig. Als u al een menu heeft, kunt u doorgaan naar stap 3.  

 Ga naar het tabblad Uiterlijk in uw dashboardmenu en klik op Menu’s . 

Ga naar Menu-editor om een ​​vervolgkeuzemenu toe te voegen in WordPress

 Voer in het veld Menunaam een naam in voor uw menu en klik op de knop Menu maken .

Een nieuw menu aanmaken

Hiermee heb je een menu aangemaakt. Dit menu is echter leeg, dus door naar stap twee.

Stap 2: items aan uw menu toevoegen

Nu is het tijd om wat items aan uw menu toe te voegen. Uw menu-items zijn simpelweg de links die u uw bezoekers biedt voor gemakkelijke navigatie. 

Zoek eerst het paneel met de naam pagina’s in uw Menu Editor-venster. Het zou naast uw dashboardmenu moeten staan, in het gedeelte Menu-items toevoegen .

Pagina's Pane in Menu Editor hoe u een vervolgkeuzemenu in WordPress kunt toevoegen

Klik op Alles weergeven en u ziet de lijst met alle pagina’s van uw site. Controleer nu de pagina’s die u aan uw menu wilt toevoegen en klik op Toevoegen aan menu .

Pagina's toevoegen

Als je berichten , aangepaste links of categorieën wilt toevoegen , kun je een soortgelijk proces volgen. 

Klik ten slotte op de knop Menu opslaan aan de rechterkant om de items op te slaan.

De items die u zojuist heeft toegevoegd zal verschijnen in de menustructuur gedeelte van uw Menu editor venster.

Stap 3: Maak vervolgkeuzemenu’s door menu-items te rangschikken

Zodra u de lijst met menu-items in uw menustructuursectie heeft , is het nu tijd om uw menu om te zetten in een vervolgkeuzemenu.

Om dat te doen, gaan we de ouder-kindstructuur gebruiken . Het bovenliggende item is de hoofdkop die altijd in uw menu wordt weergegeven. De onderliggende items zijn de subkop die alleen wordt weergegeven als we de muisaanwijzer op de hoofdkop plaatsen.

Klik om te beginnen op het onderliggende item en sleep het onder het bovenliggende item, maar houd het iets naar rechts. U zult opmerken dat het onderliggende item het tag -subitem krijgt .

Een menu met meerdere niveaus maken

Met behulp van dit proces kunt u bovenliggende en onderliggende items maken volgens de behoefte in uw vervolgkeuzemenu. Klik gewoon op Wijzigingen opslaan als u klaar bent.

Hiermee heeft u een vervolgkeuzemenu voor uw site gemaakt. 

Stap 4: Publiceer uw vervolgkeuzemenu.

Het menu dat u in uw dashboard heeft gemaakt, staat nog steeds niet op uw site. Dat komt omdat je het nog niet hebt gepubliceerd. Maak je geen zorgen, het is supergemakkelijk om dit te doen.

Ga allereerst naar het tabblad Locaties beheren bovenaan uw Menu Editor-venster.

Zoek hier de gewenste locatie voor uw menu. Gebruik daarna de vervolgkeuzelijst aan de rechterkant en selecteer uw nieuwe menu uit de opties.

Menulocaties beheren

 Klik ten slotte op de knop Wijzigingen opslaan .

Nu is uw vervolgkeuzemenu aan uw site toegevoegd. Gebruikers kunnen nu communiceren met uw vervolgkeuzemenu om naar de pagina’s en berichten op uw WordPress-website te navigeren.


C) Uw vervolgkeuzemenu bewerken

In het begin hoeft uw vervolgkeuzemenu mogelijk niet te worden gewijzigd. Bij een groeiende website moet u echter uw menu aanpassen. Gelukkig maakt WordPress het verre van moeilijk.

Een item uit uw menu verwijderen

Zoek het menu-item in uw menu-editorvenster en klik op het pijlpictogram in de rechterhoek om het paneel uit te vouwen.

Ga vervolgens naar de onderkant van het paneel en klik op de knop Verwijderen . 

Menu-items verwijderen om een ​​vervolgkeuzemenu toe te voegen in WordPress

Klik nu rechtsboven op de knop Menu opslaan om uw bijgewerkte menu op te slaan.

De menu-items opnieuw ordenen

Als u ooit het gevoel heeft dat een item zoek is geraakt, kunt u het op elk gewenst moment in slechts twee stappen opnieuw bestellen. Het enige dat u hoeft te doen, is het item vinden. Vervolgens sleept het naar de positie die u wilt dat het is. 

Klik zoals eerder op Wijzigingen opslaan om de positie op te slaan.

Artikelvolgorde wijzigen

Het verwijderen van uw vervolgkeuzemenu

Als u denkt dat het vervolgkeuzemenu niet nodig is op uw site, kunt u het gewoon verwijderen.

Ga naar je Menu Editor- venster. a selecteer het menu dat u wilt verwijderen. 

Menu selecteren

Op uw Menustructuur sectie, klikt u op de Delete Menu knop aan de onderkant.

Menu verwijderen

Daarmee heb je nu een menu minder op je site. 


D) Creëren en bewerken van uw vervolgkeuzemenu met Live Preview

Als u het nog niet wist, kunt u uw menu in realtime maken. Dit is mogelijk gemaakt door de WordPress customizer . Hiermee kunnen gebruikers live een voorbeeld bekijken van de wijzigingen die ze op de WordPress-website aanbrengen.

Stap 1: Maak een menu met Live Preview

Ga naar je WordPress Dashboard. Klik vervolgens op Aanpassen onder het tabblad Uiterlijk . 

Uiterlijk aanpassen

Klik aan de rechterkant van het scherm op Menu’s .

Menu aanmaken in Live Preview

Klik nu op Nieuw menu maken om een ​​nieuw menu te maken.

Een nieuw menu aanmaken

Typ een naam in het veld Menunaam en vink de vakjes aan onder Menulocaties om te selecteren waar het menu verschijnt. Klik vervolgens op de knop Volgende .

Menunaam en locatie hoe u een vervolgkeuzemenu in WordPress kunt toevoegen

Stap 2: Menu-items toevoegen met Live Preview

Maakt u zich geen zorgen, het stapelen van menu-items in Live Preview is hetzelfde als in Dashboard. 

Klik op de knop Items toevoegen onder uw menunaam. Dit toont de lijst met pagina’s, berichten, categorieën, enz. Die je hebt.

Artikelen toevoegen knop

Het enige dat u nu hoeft te doen, is klikken op de items die u wilt toevoegen.

Als je berichten wilt toevoegen, klik je op Berichten en vervolgens op de naam van de berichten die je wilt toevoegen. Hetzelfde geldt voor categorieën en tags . Om aangepaste koppelingen toe te voegen , moet u de koppeling en naam voor de aangepaste koppelingen typen. 

Publicatiemenu in Live Preview hoe u een vervolgkeuzemenu toevoegt in WordPress

Om nu uw menu aan uw site toe te voegen, klikt u op Publiceren bovenaan uw Live Preview-menu.

Stap 3: Maak vervolgkeuzemenu’s door items te rangschikken met Live Preview

Nadat u items aan uw menu heeft toegevoegd, is het nu tijd om uw menu te transformeren. We gaan hetzelfde proces van slepen en neerzetten en ouder-kindstructuur gebruiken als op het dashboard.

Sleep, net als voorheen, het onderliggende item onder het bovenliggende item, iets naar rechts. Nu wordt het onderliggende item ingesprongen onder het bovenliggende item.

Klik op Publiceren om de transformatie van uw menu op uw site toe te passen.

Een vervolgkeuzemenu maken in Live Preview

E) Uw menu aanpassen met Live Preview

Als je de wijziging die je hebt aangebracht meteen wilt zien, dan is dat eigenlijk vrij eenvoudig. 

Ga allereerst naar uw Live Preview-venster en klik op Menu’s . Selecteer nu het menu dat u wilt aanpassen. 

Menu selecteren in Live Preview

Menu-items opnieuw ordenen met Live Preview

Het uitproberen van verschillende volgorde van items kan resulteren in een goed menu. Als u de wijzigingen in de volgorde in realtime kunt zien worden toegepast, wordt het nog beter. Daarom heb je de mogelijkheid van een live preview.

Om items opnieuw te ordenen, sleept u een item en zet u het neer op de gewenste locatie. Klik daarna op Publiceren om de wijzigingen op uw site toe te passen. 

Itemvolgorde wijzigen in live preview

Menu-items verwijderen met Live Preview

Klik eerst op uw menu-item om het bijbehorende paneel weer te geven. Klik daarna op Verwijderen onder aan het paneel.

Menu-items verwijderen in Live Preview

Druk op de knop Publiceren om uw wijzigingen op te slaan en u bent klaar om te gaan.

Een menu verwijderen met Live Preview

Met de live customizer is het verwijderen van een heel menu ook vrij eenvoudig.

Klik gewoon op het menu dat u wilt verwijderen en scrol naar beneden. Klik nu op de knop Menu verwijderen .

Menu verwijderen in Live Preview hoe u een vervolgkeuzemenu toevoegt in WordPress

Nadat u daarop hebt geklikt, gaat u terug naar de lijst met menu’s die u op uw site heeft. Klik ten slotte op de knop Publiceren om uw beslissing op de site toe te passen. 

Publiceer knop

Nu heb je een menu minder om je zorgen over te maken.


Afsluiten

Dit was dus ons artikel over het toevoegen van een vervolgkeuzemenu aan WordPress. Het lijkt misschien onwaarschijnlijk, maar ze kunnen de kwaliteit van de navigatie op uw site verbeteren. Met vervolgkeuzemenu’s kunt u de gebruikerservaring verbeteren en tegelijkertijd de kleine ruimte op uw webpagina volledig benutten. 

Het is gemakkelijk om een ​​vervolgkeuzemenu te maken, maar het aantal en de menulocatie wordt beperkt door het WordPress-thema dat u gebruikt.


Erwin@delaatbusiness.com
Dag, Hulp nodig met internet marketing of websites maken? neem dan contact op

0 Comments

Het e-mailadres wordt niet gepubliceerd. Vereiste velden zijn gemarkeerd met *