Studio Two-editor: Websitemenu's toevoegen en beheren

Menu's helpen bezoekers je website te verkennen en de pagina's, inhoud en links te vinden die je wilt markeren. Kies de items die er het meest toe doen, beslis dan hoe je menu eruitziet en werkt, zodat bezoekers zich op een duidelijke manier op je website kunnen bewegen op elk apparaat.

Menu's helpen bezoekers tussen pagina's op je website te schakelen. In de Menu-categorie van het Elementen toevoegen-paneel voegen de Horizontale, Verticaal, en Hamburger-opties een websitemenu toe dat is gekoppeld aan je websitepagina's, zodat nieuwe pagina's automatisch op dit menu verschijnen.

1. Ga naar je editor.

2. Wijs linksboven het Elementen toevoegen-pictogram  aan.

3. Selecteer Elementen.

4. Klik op het Menu en zoeken-pictogram .

5. Klik naast de categorieën op het Pijl-pictogram om door de lijst te bladeren.

6. Kies het gewenste menutype en sleep het naar je pagina: Horizontaal menu, Verticaal menu of Hamburger menu.

Nadat je een menu hebt toegevoegd, kies je de items die je wilt weergeven. Je kunt gewone websitepagina's, app- en CMS-paginaverzamelingen, specifieke pagina's uit een verzameling, dropdowncontainers en links toevoegen.

Je kunt een menu op elk moment bijwerken terwijl je website verandert. Voeg nieuwe items toe, verwijder items die je niet langer nodig hebt, of herschik de items om je navigatie duidelijk en up-to-date te houden.

1. Ga naar je editor.

2. Klik op het menu op het canvas.

3. Klik op Menu beheren.

4. Kies wat je dan wilt doen:

Dropdowns helpen je gerelateerde pagina's onder één menu-item te groeperen, waardoor je navigatie duidelijk en georganiseerd blijft. Kies een bovenliggend item, zoals een pagina of link, en plaats er andere pagina's eronder om de dropdown te maken.

1. Ga naar je editor.

2. Klik op het menu op het canvas.

3. Klik op Menu beheren.

4. Bepaal welk menu-item de dropdown-titel moet zijn.

5. Verplaats het eerste menu-item naar de dropdown:

   1. Sleep het relevante menu-item onder de dropdowntitel. 

   2. Wijs het item dat je hebt gesleept aan en klik op het Meer acties-pictogram . 

   3. Selecteer Onder 'Paginanaam' plaatsen.

6. Herhaal stap 5 voor alle andere items die je naar de dropdown wilt verplaatsen.

Een duidelijke menu-indeling helpt bezoekers te begrijpen waar ze daarna naartoe moeten gaan. Kies een menubalk om je items in een regel of kolom weer te geven, met extra controle voor horizontale menu's wanneer er niet genoeg ruimte op het scherm van de bezoeker is.

Kies voor een compactere indeling een hamburgermenu. Dit geeft een pictogram weer dat de navigatie opent, wat goed werkt voor strakke indelingen of pagina's met beperkte ruimte.

1. Ga naar je editor.

2. Klik op het menu op het canvas.

3. Klik in de actiebalk op Indeling wijzigen.

4. Kies de relevante optie onder Menu:

   • Menubalk: Menu-items worden weergegeven in een navigatiebalk. Klik op de Oriëntatie-dropdown en kies Horizontaal of Verticaal.
     Tip: Als je een horizontale menubalk kiest, kun je ook op de Itemgedrag-dropdown klikken om te kiezen wat er gebeurt als er niet genoeg ruimte is voor alle items op het scherm van je bezoeker:

     • Aan tekst aanpassen: Het menu wordt uitgevouwen om in de items te passen.

     • Passen om te scrollen: Er wordt een knop toegevoegd zodat bezoekers door de extra items kunnen scrollen.

   • Hamburger: Bezoekers zien een pictogram waarop ze klikken om het menu te openen. Dit is een goede optie voor strakke, minimalistische indelingen. 

Je kunt zoveel menu's bouwen als je wilt, en elk menu kan zijn eigen set items weergeven.

Wanneer je een nieuw menu-element toevoegt, kies je welk menu het weergeeft. Je kunt een bestaand menu kiezen dat je al hebt opgeslagen, of daar een nieuw menu maken.

1. Ga naar je editor.

2. Klik op het menu op het canvas.

3. Klik op Menu beheren.

4. Klik op de dropdown onder Welk menu wordt weergegeven?.

5. Afhankelijk van het menu dat je nodig hebt, volg je de stappen:

   • Bestaand menu: Selecteer het menu uit de lijst.

   • Nieuw menu: 

     1. Klik op Websitemenu's beheren.

     2. Klik onderaan op + Nieuw menu toevoegen.

     3. Voer een naam in voor het nieuwe menu.
        Let op: Deze naam is niet zichtbaar voor bezoekers.