Index
Wanneer je een lange pagina hebt met meerdere secties, wil je dat bezoekers snel en gemakkelijk naar de secties kunnen navigeren die ze willen zien. Dit kan worden bereikt door het creëren van de Elementor menu-anker widget die intern scrollen mogelijk maakt.
Hier is een stap-voor-stap handleiding om je te laten zien hoe je dit kunt doen:
Het creëren van een menu-anker widget is een snelle en eenvoudige manier om bezoekers te helpen navigeren door je website. Probeer het eens en verbeter de gebruikerservaring van je website!
- Sleep de Menu Anker widget naar de bovenkant van het gebied waar je wilt dat de link naar zal scrollen.
- Geef de anker een naam (bijvoorbeeld: contact-ons).
- Bewerk het menu of widget element waarnaar je wilt linken.
- Typ
#+ de anker naam (bijvoorbeeld: #contact-ons) in het URL-linkveld van het menu-item of widget element. Houd er rekening mee dat het ID-link alleen deze tekens accepteert:A-Z, a-z, 0-9, _ , -
Stel de Anchor widget in
Stel de link in
Het HTML ID element
Het ID HTML element is heel gebruikelijk wanneer er gewerkt wordt met CSS. Om CSS styling toe te passen op HTML elementen kun je bijvoorbeeld een class of een ID toepassen.
Het verschil is dat classes meerdere keren gebruikt kunnen worden en een ID uniek is op een HTML pagina.
Voor meer informatie over het ID element kun je deze pagina bekijken (Engelstalig):
Conclusie
De WordPress Elementor widget is heel eenvoudige te gebruiken. Mocht je toch hulp nodig hebben hiervoor, laat het mij dan weten.
Ik wil je hier graag bij helpen.