Een HTML-link maken

Inhoud

Ook al heb je een mooie WordPress website, soms is het nodig om met de hand een link te maken naar een plaatje, een pagina, een bestand of wat dan ook.
Hiervoor gebruik je een html-link. Hoe maak je nu zo’n html-link met de hand?

Er zijn twee manieren:

  1. Je maakt gebruik van WordPress en kopieert de code
  2. Je maakt zelf de HTML aan.

Beide manieren leg ik hieronder uit.

Laat WordPress de code voor de HTML-link maken

Maak in WordPress een link zoals je dat altijd doet:

Selecteer de tekst waar je de link van wilt maken

Klik op het Link-icoontje

HTML-link icoontje in editor

Typ dan de naam van de pagina in waarnaar je wilt linken:

Een HTML-link maken 1

en selecteer de pagina. Als je op het tandwieltje klikt kan je nog kiezen dat de link in een nieuw tabblad wordt geopend.

Als de link in je pagina staat:
Algemene Voorwaarden dan wissel je van de visuele tab naar de Tekst tab boven in het bewerkscherm:

Een HTML-link maken 2

Je ziet dan de HTML van je pagina.

Scroll door deze HTML tot je de tekst vindt waar je een link van hebt gemaakt (je kunt met toetscombinatie CTRL-F ook zoeken in de HTML):

Een HTML-link maken 3

Selecteer alles wat begint met <a en eindigt met /a>. Kopieer dit (CTRL-C in windows) en plak dit (CTRL-V in windows) waar je de link wilt hebben en voilá daar is je werkende HTML-link!

Een HTML-link maken 2

NB: Als je de link in WordPress plakt, zorg ervoor dat je dit ook weer in de Tekst-weergave doet!
In een tekstwidget kun je de HTML-code gewoon plakken.

 Zelf HTML maken voor je link

Wissel eerst naar de Tekst-weergave als je dit in een bericht of pagina doet.
In een tekst-widget kun je dit gewoon plakken.

Hetgeen waarvan je een link wilt maken zet je tussen twee tags: de openingstag <a> en de sluittag </a>. Die tekst wordt dan automatisch een link.
bijvoorbeeld: <a>Algemene Voorwaarden</a>.

De link die verwijst nu nog nergens naar. Dit doe je door in de openingstag de bestemming toe te voegen. Hiervoor voeg je de code href=”” toe.
Tussen de aanhalingstekens zet je de bestemming van de link.
Is het een pagina die zich op je eigen site bevindt dan kun je die toevoegen als volgt.
Mijn Algemene Voorwaarden bevinden zich op een pagina die AV heet.

De code wordt dan <a href="/av">Algemene Voorwaarden</a>

Als je wilt linken naar een andere website dan doe je dit als volgt:
<a href="https://nexify.me.nl/AV" > Algemene Voorwaarden</a>

Je voegt dan de hele link (inclusief https:// toe).

Als je ook nog wilt dat de link opent in een andere tab dan kan je dit toevoegen in de openingstag. Je voegt dan target=”_blank” toe.
<a href="https://nexify.me/AV" target=_blank >Algemene Voorwaarden</a>

Selecteer alles wat begint met <a en eindigt met /a>. Kopieer dit (CTRL-C in windows) en plak dit (CTRL-V in windows) waar je de link wilt hebben en voilá daar is je werkende HTML-link! -> Algemene Voorwaarden

NB: Als je de link in WordPress plakt, zorg ervoor dat je dit ook weer in de Tekst-weergave doet! In een tekstwidget kun je de HTML-code gewoon plakken.

Een HTML-link maken 2

Laat je me het hieronder weten als je hier iets aan gehad hebt?

5 1 stem
Artikel waardering
Abonneren
Abonneren op
guest
0 Reacties
oudste
nieuwste meest gestemd
Inline feedbacks
Bekijk alle reacties

Als je al een site hebt kan deze waarschijnlijk wel wat werk gebruiken.
Schrijf je nu in voor de gratis e-mailserie.

5 DINGEN DIE JE NÚ KUNT DOEN OM JE SITE METEEN BETER TE MAKEN​

En nee, dit zijn niet van die flauwe dingen die je overal op het internet vindt.

Je kunt je op elk moment uitschrijven via de link in de e-mail. Meer informatie in onze privacyverklaring.

Scroll naar boven