Aanklikbare link of hyperlink maken

Aanklikbare link of hyperlink maken

Misschien staat er op deze website iets waar je op je eigen website naar zou willen verwijzen, maar je weet niet hoe dat moet. Daarom ga ik je hier uitleggen hoe je een aanklikbare link maakt.

Hoe je een aanklikbare link maakt heb ik beschreven voor een WordPress-website, maar daar hoef je je niet veel van aan te trekken. Op dezelfde manier maak je alle aanklikbare links. Misschien ziet het er ergens anders een klein beetje anders uit, maar het principe is altijd hetzelfde.

Gewone aanklikbare link maken

Als je een aanklikbare link naar een artikel wilt plaatsen ga je als volgt te werk:

  • Schrijf het artikel waarin je de link wilt plaatsen.
  • Schrijf ergens in dat artikel de ankertekst van je link (dat is de gewone tekst die mensen kunnen lezen en die aanklikbaar gemaakt wordt).
  • Sleep met je linkermuisknop over de tekst die je aanklikbaar wilt maken.

Bovenin het tekstvak waarin je aan het schrijven bent zie  je een menubalk met daarin o.a. een symbooltje dat lijkt op een stukje van een ketting.

aanklikbare link

  • Klik op dat symbooltje, dan opent er een soort strookje
  • In dat strookje kun je een URL invullen.
  • [https://] staat er (soms) al

Als je het goed doet komt er bijvoorbeeld de volgende URL te staan:

https://www.virtueelpresent.nl

Die URL hoef je niet over te schrijven, als je op het web naar het artikel gaat kun je de URL kopiëren.

En als het om een interne link gaat (dat is een link op je eigen website) dan kun je in het strookje de titel van het artikel of de pagina intypen. Dan komt hij naar boven en als je ‘m dan aanklikt komt de URL vanzelf in het daarvoor bestemde vakje te staan.

Openen in een nieuw venster

Zeker als de link die je maakt een uitgaande link is (een link naar een andere website), dan is het een goed idee om ‘m te laten openen in een nieuw venster. Dat is zinvol omdat jouw eigen website dan open blijft staan, waardoor je bezoekers gemakkelijk terug kunnen naar jouw website.

Een link laten openen in een nieuw venster doe je op precies dezelfde manier als hierboven beschreven, maar je moet ook nog een vakje aanvinken.

Hiervoor moet je het tandwiel aanklikken.

uitgaande link

Daarna kun je aanvinken dat de afbeelding in een nieuw venster moet openen.

aanklikbare link uitgaand nieuw venster

URL kopiëren

Een URL kopiëren doe je als volgt:

  • Helemaal bovenaan je scherm van het artikel waar je naartoe wilt linken staat de URL, klik er op met je linkermuisknop, de URL wordt dan blauw
  • Klik daarna met je rechtermuisknop, er opent dan een venster, kies in dat venster voor kopiëren.
  • Klaar

url kopieren

Als je de URL kopieert en in het venster plakt, moet je wel op letten dat [https://] er niet dubbel staat, want dan werkt de link niet.

In het vakje daar onder  kun je de titel invullen, dat is de naam van het artikel waar je naartoe linkt.

  • Daarna klik je op Link toevoegen, dat staat rechts onderaan het venster
  • En vervolgens op Bijwerken, dat staat in de rechter zijbalk
  • Klaar

 

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 html kant

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.

text widget aanklikbaar

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.

aanklikbare link afbeelding

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.

aanklikbare link afbeelding zijbalkDeze manier heeft wel een nadeel: als je deze manier gebruikt kun je ‘m niet laten openen in een nieuw venster.

 

Gratis SEO tips

WordPress inrichten voor Jip en Janneke

WordPress is gebruikersvriendelijk, maar als je niet zo handig bent met de pc kan het toch een flinke kluif zijn om je website in te richten. In het artikel WordPress inrichten voor Jip en Janneke vind je een wegwijzer naar behulpzame artikelen.

 

Aanklikbare link of hyperlink maken was last modified: by

 

Credits

Met dank aan Tatutati voor afbeelding die ik in de header heb verwerkt

Aanklikbare link of hyperlink maken was last modified: by

Geef een reactie

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