Een HTML-link maken

Ook al heb je een mooie WordPress website, soms is het nodig om met de hand een linkje 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 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 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

Een HTML-link maken 1

 

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

Een HTML-link maken 2

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 3

 

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 4

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!

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 5

 

Zelf HTML maken

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://www.onlinebusinessacademie.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://www.onlinebusinessacademie.nl/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!

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 6

Reageren

avatar
  Subscribe  
Abonneren op