Zo link je naar een specifiek deel van de pagina

8 sep 2021 | CSS MUSTHAVE

Marloes met laptop blog
Linken naar andere pagina's kan je al. Maar linken naar een onderdeel van je pagina? Doe je met een zogeheten anchorlink! Easypeasy I promise.

Stap 1: Geef het onderdeel van de pagina waar je naar wilt linken een CSS-id

Je kunt linken naar een sectie, rij, kolom of module, you choose! In de instellingen van dat onderdeel ga je naar het tabblad Geavanceerd -> CSS-id en -klasses.

Daar vul je een naam in die het onderdeel beschrijft. Link je naar bijvoorbeeld een contactformulier, dan zet je bij het CSS-id contactformulier. Dat kan jij 😛.

Stap 2: Zet er een hashtag voor en voeg het CSS-id als link toe aan bijv. je knop

In je knop of tekst of module of wherever je de link aan toe wilt voegen, zet je in het Content tabblad onder Link: #CSS-id. In mijn geval dus #naamonderdeel. Mocht je er ooit meer over willen lezen (ws niet), dit heet een anchorlink 😅.

That’s it!

Linken naar een deel van een ándere pagina?

Zet dan vóór #CSS-id de permalink van die andere pagina:

Handysmandy! Vragen? Let me know! 😎

0 reacties

Een reactie versturen

Het e-mailadres wordt niet gepubliceerd. Vereiste velden zijn gemarkeerd met *

Customize lekker verder!

Marloes blij blog

Hoi, ik ben Marloes!

Een enthousiaste webdesigner, gespecialiseerd in het DIVI thema voor WordPress. Mijn tutorials zijn geschreven voor iedereen die de basics van DIVI al kent.

Ken jij die nog niet, maar wil je graag met DIVI aan de slag? Bekijk dan mijn uitgebreide beginners training!