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.

Scroll naar onderen

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

Scroll nu naarboven

Heb je iets aan het artikel gehad? Laat dan hieronder een reactie achter.

6 reacties op “Intern linken en automatisch scrollen op de pagina

    • Maarten Hendrix zegt:

      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)!

Geef een antwoord

Het e-mailadres wordt niet gepubliceerd.

Deze site gebruikt Akismet om spam te verminderen. Bekijk hoe je reactie-gegevens worden verwerkt.