Het navigatieblok gebruiken

Het navigatieblok toont het menu van je site om bezoekers te helpen navigeren tussen pagina’s. In deze handleiding leer je hoe je het navigatiebloktoevoegt en aanpast.

Het navigatieblok wordt meestal toegevoegd aan de sjablonenvan je site, meestal in de koptekst of voettekst.

Volg deze stappen om een navigatiebloktoe te voegen:

1. Ga naar het dashboard van je site.
2. Ga naar Weergave → Editor.
3. Klik op de homepage aan de rechterkant om je homepage te bewerken, of selecteer het template of template onderdeel waar je het navigatiemenu wilt laten verschijnen (zoals de header).
4. Klik op het pictogram + blokinvoeger en zoek naar ‘Navigatie’.
5. Klik op het Navigatieblok om het aan je site toe te voegen.

Meer gedetailleerde instructies over het toevoegen van blokken vind je hier.

Wanneer je voor het eerst een navigatiebloktoevoegt, wordt het menu van je site weergegeven. Als je nog geen aangepast menu hebt gemaakt, wordt er automatisch een paginalijstblok toegevoegd dat alle gepubliceerde pagina’s toont en automatisch wordt bijgewerkt wanneer nieuwe pagina’s worden gepubliceerd.

Om aan te passen welke pagina’s worden weergegeven, aangepaste links toe te voegen of de volgorde van menu-items te wijzigen, wordt je eerst gevraagd om het blok Paginalijst om te zetten in afzonderlijke links.

Volg deze stappen om het blok Paginalijst te converteren:

1. Gebruik de lijstweergave om naar het paginalijstblok in je navigatieblok te gaan.

2. Klik op de knop Bewerken in de blokwerkbalk:

3. Er verschijnt een waarschuwing dat de paginalijst niet langer automatisch wordt bijgewerkt. Klik op Bewerken om te bevestigen.

Nu kun je nieuwe links en pagina’s toevoegen, menu-items verwijderenen de links in je menu herschikken.

Volg deze stappen om specifieke links binnen je navigatieblokaan te passen:

1. Gebruik Lijstweergave om naar de afzonderlijke link te navigeren die je wilt aanpassen in het navigatieblok.
2. In de sidebarvoor blokinstellingen kun je het volgende aanpassen:
   • Text: Wijzig het tekstlabel in het navigatiemenu.
   • Link: Update de bestemmingspagina of URL.
   • Openen in nieuwe tab: Vink de box aan om de link te openen in een nieuwe tab.
   • Beschrijving: voeg tekst toe die wordt weergegeven als je thema linkbeschrijvingen ondersteunt.
   • Rel Attribuut: Stel relaties in zoals “nofollow” voor SEO-doeleinden.
   • Stijlen: Klik op het tabblad Stijlen om de lettertypegrootte en andere typografie-instellingen te wijzigen.

3. In de blok toolbarkan je het volgende doen:
   • Wijzig de link: Klik op het koppelingspictogram om de URL aan te passen of deze in een nieuw tabblad te openen.
   • Opmaak toevoegen: Gebruik vetgedrukte, cursieve of andere opties voor tekstopmaak.
   • Submenutoevoegen: Klik op het pictogram van het submenu om een vervolgkeuzemenu te maken.
   • Verplaats de link: Gebruik de linker/rechter pijlen om de link in het menu te verplaatsen.

Zie Menu-items bewerken voor meer informatie over het beheren van menu-items.

Als je meer dan één menu hebt gemaakt, kan je een ander menu kiezen voor het navigatieblok.

Volg deze stappen om een ander menu te kiezen:

1. Gebruik de Lijstweergave om het Navigatienblok te selecteren
2. Klik in de zijbalk met blokinstellingen op (⋮) naast Menu.

3. Je kan uit de volgende opties kiezen:
   • Menu‘s: Kies uit bestaande menu’s die je al hebt aangemaakt.
   • Klassieke menu’s importeren: Converteer een klassiek WordPress-menu om te gebruiken met de blok-editor. Je ziet deze optie alleen als je klassieke WordPress menu’s hebt om te converteren.
   • Maak een nieuw menu: Begin opnieuw met een volledig nieuw menu.

Bekijk onze handleidingen voor gedetailleerd menubeheer over het toevoegen van links, het maken van vervolgkeuzemenu’s en het herschikken van items.

Volg deze stappen om aan te passen hoe je navigatieblok wordt weergegeven voor bezoekers:

1. Gebruik de Lijstweergave om het Navigatienblok te selecteren
2. Klik in de zijbalk met blokinstellingen op het pictogram Instellingen.

3. Wijzig de Lay-out-instellingen:
   • Uitlijning: Kies tussen uitvullen links, in het midden, rechts of gelijkmatig verdeeld tussen menu-items.
   • Oriëntatie: Selecteer horizontale (standaard) of verticale menu-indeling.
   • Sta toe om meerdere regels in te pakken: Schakel uit om de navigatie op één regel te houden.
4. Weergave-instellingen configureren:
   • Toon pictogram knop: Schakel in voor een hamburger pictogram, of uit om “Menu” tekst te tonen.
   • Icoon: Kies tussen twee of drie horizontale lijnen voor het hamburgerpictogram.
   • Overlay menu: Selecteer Uit, Mobiel (standaard) of Altijd om te bepalen wanneer het menu in een overlay opvouwt. Ontwerp een overlay template om de weergave van de mobiele menu overlay aan te passen.
5. Als je submenu’s hebt, pas dan het gedrag van het submenu aan:
   • Openen bij klikken: Schakel in voor klikken-om-te-openen of uit voor hover-om-te-openen submenu’s.
   • Toon pijl: Schakel in om pijlen weer te geven die de aanwezigheid van het submenu aangeven.

Zie Het menu-ontwerp aanpassen voor meer opties voor het aanpassen van menu’s.

Volg deze stappen om de visuele weergave van je navigatieblok aan te passen:

1. Gebruik de Lijstweergave om het Navigatienblok te selecteren
2. Klik in de zijbalk met blokinstellingen op het pictogram Stijlen.

3. Weergave aanpassen met behulp van:
   • Kleurinstellingen: Wijzig tekst, achtergrond en linkkleuren.
   • Typografie-instellingen: lettertypefamilie, grootte en gewicht aanpassen.
   • Afmetingen instellingen: Beheer opvulling, marges en afstand.

Zie Het menu ontwerp aanpassen voor meer opties voor menustijlen.