WordPress Tutorials
Intern linken en automatisch scrollen op de pagina
Je wilt op dezelfde pagina linken naar een ander onderdeel van die pagina. In dit artikel gaan we je laten zien hoe je op dezelfde pagina kunt linken.
We krijgen regelmatig de vraag van onze website bezoekers hoe wij ervoor zorgen dat we op dezelfde pagina naar een ander onderdeel van die pagina gaan.
Hieronder zie je wat we hiermee bedoelen.
Ik laat je direct zien hoe dit werkt. Je moet rekening houden met twee element.
Element 1: een link naar het onderdeel
Element 2: het punt waartoe gelinkt moet worden
Allereerst moet je gebruik maken van deze code:
<a href="#codewoord">Link</a>
Vervolgens plaats je deze code voor het ankerpunt:
<a name="codewoord"></a>
Als je deze stappen volgt en toevoegt aan je pagina dan wordt je automatisch doorverwezen naar een ander deel van die pagina. Deze functie kan enorm handig zijn in een lang artikel op je website.
Dit zijn de stappen die worden ondernomen
- De <a href> is hetzelfde element als een normale link
- Alleen staat er nu een # voor de link. Dit teken verwijst naar het codewoord elders op je pagina
- Het “codewoord” kun je ergens anders plaatsen op je website
- Vervolgens als je op die link klikt dan wordt je verwezen naar het codewoord
- Let op bij het codewoord zie je geen # staan.
Als je een normale link wilt toevoegen dan vul je in plaats van #codewoord de link naar de desbetreffende pagina in. Je hoeft dan uiteraard geen gebruik meer te maken van een intern codewoord.
Wil je een voorbeeld zien van intern linken? Bekijk dan het artikel over links toevoegen aan je WordPress bericht.
Je hebt naar onderen gescrold
Heb je iets aan het artikel gehad? Laat dan hieronder een reactie achter.
Dit is een handige methode. Ik hou het nu nog bij een plugin, maar overweeg zeker deze methode!
Dag Ronald, Bedankt voor je bericht. Plugins zijn uiteraard handig, maar veel plugins kunnen ervoor zorgen dat je site langzamer wordt. Succes met je site(s)!
Heel duidelijk uitgelegd, super. Nu snap ik het ook.
Bedankt Groetjes Marjolein Deelen
Graag gedaan Marjolein 🙂
Daar heb ik nog eens wat aan. Thanks!
Hi Jaap, bedankt voor je reactie en je compliment! 🙂