Anker en Ankermenu blok
Met het Anker block markeer je een specifieke plek op een pagina met een unieke ID. Met het Ankermenu block toon je een navigatiemenu dat automatisch wordt opgebouwd uit alle ankerblokken (en/of koppen) op de pagina. Een bezoeker klikt op een item in het menu en scrolt soepel naar de bijbehorende sectie.
Anker block
Het block toevoegen
Zoek in de blokken-editor op “Anker” en voeg het block toe op de plek waar je naartoe wilt navigeren — bijvoorbeeld direct boven een sectie.
Het anker is onzichtbaar voor bezoekers; in de editor zie je een anker-icoon met de ingestelde slug.
Instellingen
| Veld | Omschrijving |
|---|---|
| Titel | De naam die in het Ankermenu als menuitem wordt getoond |
| Slug | De unieke ID van dit anker, gebruikt in de URL (bijv. contact → #contact). Gebruik alleen kleine letters, cijfers en koppeltekens. |
> Tip: Geef elk anker een duidelijke, beschrijvende slug zoals over-ons of diensten.
Ankermenu block
Het block toevoegen
Zoek in de blokken-editor op “Anker Menu” en voeg het block toe aan de pagina, bijvoorbeeld bovenaan of in een vaste zijbalk. Het menu vult zichzelf automatisch met de ankers en/of koppen die op de pagina staan.
Items
Kies welke elementen in het menu worden opgenomen:
| Optie | Omschrijving |
|---|---|
| Anchors | Pikt alle Anker blocks op de pagina op (op basis van Titel en Slug) |
| Headings | Pikt standaard WordPress-koppen en SOIL Titel-blokken op die een anker-ID hebben ingesteld |
Beide opties kunnen tegelijk worden ingeschakeld.
Toon als eenvoudige lijst
Schakel Toon als eenvoudige lijst in om het menu zonder extra opmaak als een kale lijst te tonen.
Offset
Stel een offset in (0–500 px) om bij het scrollen rekening te houden met een vaste navigatiebalk bovenaan het scherm. De pagina scrolt dan iets verder dan het anker, zodat de sectie niet achter de navigatie verdwijnt.
Marge
Stel de ruimte boven en onder het ankermenu in (in rem, van −20 tot 20). Gebruik de schaalfactoren om de marges automatisch te verkleinen op tablet en mobiel.
Hoe werkt het samen
- Voeg een Anker block toe boven elke sectie die je wilt bereikbaar maken. Geef elk anker een unieke Slug en een herkenbare Titel.
- Voeg het Ankermenu block toe op de gewenste plek op de pagina.
- Het menu vult automatisch de titels en slugs van alle ankers in. Bezoekers klikken op een item en scrollen soepel naar de bijbehorende sectie.