Studio Editor: Ankers toevoegen en gebruiken
3 min
In dit artikel
- Een anker toevoegen
- Een ankermenu toevoegen
- Linken naar een anker
- Veelgestelde vragen
Met ankers kun je rechtstreeks naar een element linken, waardoor het nog gemakkelijker wordt om bezoekers naar belangrijke inhoud op de website van je klant te leiden. Wanneer je een anker toevoegt, kun je er op twee manieren naar linken:
- Link elementen: Link elementen (bijvoorbeeld: knoppen, tekst, enzovoort) aan een anker. Wanneer bezoekers op het element klikken, worden ze naar het anker geleid.
- Geef ze weer in een ankermenu: Geef ankers weer in een speciaal menu om bezoekers door een pagina te laten navigeren.
Een anker toevoegen
Voeg een anker toe aan onderdelen, containers en elementen. We raden je aan je anker een unieke naam te geven, zodat het gemakkelijk herkenbaar is.
Om een anker toevoegen:
- Klik op het element waaraan je een anker wilt toevoegen.
- Klik rechtsboven in de editor op het Inspector openen-pictogram .
- Klik op de Anker-dropdown.
- Schakel Een anker toevoegen in.
- Voer de ankernaam in het veld in.
.
Let op:
Het is niet mogelijk om een anker toe te voegen aan Master-onderdelen of elementen die zijn gekoppeld aan Master-onderdelen.
Een ankermenu toevoegen
Geef ankers weer in een zwevend menu dat altijd zichtbaar is wanneer bezoekers door de website scrollen. Ankermenu's geven websitebezoekers de mogelijkheid om toegang te krijgen tot de inhoud die ze nodig hebben, waar ze zich ook op de pagina bevinden.
Tip:
Ankermenu's zijn vooral handig op websites van één pagina die erg lang zijn met meerdere onderdelen.
Om een ankermenu toe te voegen:
- Klik links in de editor op Elementen toevoegen .
- Selecteer Menu en zoeken.
- Klik op Ankermenu's.
- Klik op het menu dat je wilt toevoegen of sleep het naar de relevante locatie op de pagina.
.
Linken naar een anker
Het linken van specifieke elementen (bijvoorbeeld: afbeeldingen, knoppen en tekst) aan ankers is een goede manier om bezoekers naar inhoud te leiden die relevant is voor waar ze zich op de website bevinden. Wanneer een bezoeker op het element klikt, worden ze rechtstreeks naar het anker gebracht.
Om een element aan een anker te linken:
- Klik op het element vanaf waar je wilt linken.
- Klik op het Link-pictogram .
- Selecteer Anker.
- Klik op de Welke pagina?-dropdown en selecteer de pagina die het anker bevat.
- Klik op de Welke anker op deze pagina?-dropdown en selecteer het relevante anker.
- Klik op Klaar.
.
Veelgestelde vragen
Selecteer een vraag om meer te lezen over het werken met ankers.
Hebben viewports invloed op ankers?
Kan ik een element koppelen aan verschillende ankers op verschillende breekpunten?
Waarom toont mijn ankermenu verschillende items op verschillende pagina's?