Aanklikbare link of hyperlink maken

Aanklikbare link of hyperlink

Een afbeelding als aanklikbare link

Een afbeelding aanklikbaar maken gaat op dezelfde manier.

  • Ga op het plaatje staan en klik met je linkermuisknop
  • Klik daarna op het link-symbooltje

Als het venster opent, zie je soms dat er al een URL staat ingevuld. Dat is de URL van het plaatje, die mag je gewoon weghalen.

  • Vul de URL in waar je naartoe wilt linken
  • Vul een titel in
  • Klik op Link toevoegen
  • Klik op Bijwerken
  • Klaar

Aanklikbare afbeelding in de zijbalk

Om een aanklikbare afbeelding in de zijbalk van je website te plaatsen kun je de HTML-generator van je website gebruiken. Dat klinkt moeilijk, maar dat is het niet, want  op je WordPress website zit een HTML generator bij je pagina’s en je berichten.

Die HTML-generator kun je zien als je een bericht of pagina aan het schrijven bent. Je vindt ‘m helemaal rechts in je werkbalk en hij heet: Tekst. Als je daarop klikt dan zie je de HTML van het artikel dat je geschreven hebt. Dat gaan we nu niet doen, straks wel.

aanklikbare link text
Afbeelding uploaden

Sla de afbeelding op als concept.

Aanklikbare afbeelding

Nu klik je op “tekst” in de rechter bovenhoek, zodat je naar de HTML van de aanklikbare afbeelding gaat.

Die HTML kopieer je.

Widgets
  • Ga nu naar de zijbalk en kies voor Weergave
  • En daarna voor Widgets

Sleep een tekstwidget naar de plaats in de zijbalk waar je de afbeelding wilt hebben. Ja, je leest het goed: een tekst-widget.

In die tekst-widget plak je de HTML die je net gekopieerd hebt. Denk eraan het op te slaan.

Tik nu in een nieuw venster de URL van je website in, zodat je even kunt kijken of het er zo uitziet als je bedoeling was.

Pagina weggooien

De pagina had je alleen aangemaakt om de HTML-generator te kunnen gebruiken, dus je hebt die pagina nu niet meer nodig. Als de afbeelding goed in de zijbalk staat kun je de pagina in de prullenbak gooien.


WordPress 4.8

Inmiddels zijn er met WordPress 4.8 nog meer manieren bijgekomen om een aanklikbare afbeelding in de zijbalk te plaatsen.

Text widget

Je ziet hieronder een text widget met een afbeelding erin. De afbeelding heb ik erin gezet op de manier die je hierboven gelezen hebt (pagina maken en HTML kopiëren). Maar tegenwoordig kun je die afbeelding in de widget zelf aanklikbaar maken als je dat zou willen.

aanklikbare afbeelding in de zijbalk wordpress 4.8

Op deze manier kun je ook een tekst die je in een text-widget plaatst aanklikbaar maken.

Widget afbeelding

En we hebben er een widget bijgekregen die speciaal voor een afbeelding is. Sleep deze widget naar je zijbalk en zet de afbeelding er rechtstreeks in.

afbeelding toevoegen in de zijbalk

Deze afbeelding kun je ook aanklikbaar maken. Dat doe je terwijl je bezig bent de afbeelding te plaatsen.

Terwijl je dat doet, kun je vlak voor dat je ‘m toevoegt een link toevoegen waardoor de afbeelding aanklikbaar wordt.

Afbeelding aanklikbaar maken

Als het je bedoeling is dat een klik op de afbeelding opent in een nieuw venster dan klik je daarna op Afbeelding bewerken. Je komt dan op een nieuwe pagina waar je kunt aanvinken dat de afbeelding moet openen in een nieuw venster.

Afbeelding bewerken en openen in een nieuw venster

Aanklikbare afbeelding in Gutenberg

Als je de Gutenberg editor op je website hebt staan, dan vind je in de rechterzijbalk een mogelijkheid om een link toe te voegen aan je afbeelding. Die mogelijkheid vind je onder “link instellingen” (even scrollen).


Terug naar de inhoudsopgave

Volgende pagina: link naar je shop in het menu van je website

Aanklikbare link of hyperlink was last modified: by

Over Judith de Vries

Ik kan je helpen meer klanten te krijgen. Erkend als expert door MailChimp en MailerLite. Yoast SEO en Hubspot gecertificeerd. Licentiehouder van het 28-dagen marketingprogramma Get Clients Now!™.