Een dropdownmenu aanmaken

Gewijzigd op Di, 19 Mei om 3:43 PM

Een dropdownmenu aanmaken

Een dropdownmenu maak je door een menu-item in te springen onder een ander item. Dat doe je via Instellingen → Menu's: sleep het item iets naar rechts om het als sub-item onder het item erboven te plaatsen. Bezoekers zien dit sub-item als ze over het bovenliggende menu-item bewegen.

Op de afbeeldingen in dit artikel zijn telkens enkele kerninstellingen oranje gemarkeerd en genummerd; de overige in de tekst vetgedrukte instellingen vind je op dezelfde pagina of in hetzelfde venster.

  1. Open Instellingen → Menu's
    Open in het menu links Instellingen1 en klik op de kaart Menu's2.
    Stap 1
  2. Kies het menu dat je wilt bewerken
    Boven aan de pagina kies je in het uitklapmenu Een menu selecteren om te bewerken: welk menu je wilt bewerken (bijvoorbeeld Hoofdmenu (Primair menu)) en klik op Selecteren.
    Stap 2
  3. Bekijk de menustructuur
    De menu-editor toont op het tabblad Menu's bewerken de items van het geselecteerde menu. Je ziet twee kolommen: links voeg je nieuwe items toe, rechts zie je de huidige Menustructuur. Sleep een menu-item iets naar rechts om het als sub-item onder het item erboven te plaatsen; sleep het terug naar links om het weer op het hoofdniveau te zetten.
    Stap 3
  4. Herken de ingesprongen sub-items (dropdown-items)
    Ingesprongen items staan visueel naar rechts verschoven ten opzichte van de hoofditems. Op de website verschijnen deze Ingesprongen sub-items als dropdown-opties zodra een bezoeker over het bovenliggende menu-item beweegt — dit vormt het eigenlijke dropdownmenu.
    Stap 4
  5. Sla het menu op
    Klik op Menu opslaan om de wijzigingen door te voeren op je website.
    Stap 5

Tip: Je kunt meerdere niveaus diep inpringen: een sub-item kan op zijn beurt ook een ingesprongen item onder zich hebben, waarmee je een genest dropdown-menu krijgt. Houd het echter overzichtelijk — te veel niveaus maken het voor bezoekers lastig te navigeren.

Was dit artikel nuttig?

Dat is fantastisch!

Hartelijk dank voor uw beoordeling

Sorry dat we u niet konden helpen

Hartelijk dank voor uw beoordeling

Laat ons weten hoe we dit artikel kunnen verbeteren!

Selecteer tenminste een van de redenen
CAPTCHA-verificatie is vereist.

Feedback verzonden

We stellen uw moeite op prijs en zullen proberen het artikel te verbeteren