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:
- Je maakt gebruik van WordPress en kopieert de code
- 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 (in de Gutenberg blok editor):
Selecteer de tekst waar je de link van wilt maken
Klik op het Link-icoontje
Typ dan de naam van de pagina in waarnaar je wilt linken:
en selecteer de pagina. Klik dan enter en je zie dat er een link staat. Als je dan de link bewerkt en op geavanceerd klikt, kan je nog kiezen dat de link in een nieuw tabblad wordt geopend.
Als de link in je pagina staat dan bekijk je de html van de link door op de 3 puntjes van het blok te kiezen en dan als HTML bewerken te selecteren:
Je ziet dan de HTML van je blok:
<p><a href="https://kwalisites.nl/algemene-voorwaarden/" data-type="page" data-id="57">Dit zijn de Algemene Voorwaarden</a></p>De vetgedrukte tekst is de HTML voor je link. De schuingedrukte tekst kun je weghalen (als die er bij jou ook bijkomt). Je hebt dus alleen dit nodig:
<a href="https://kwalisites.nl/algemene-voorwaarden/" >Dit zijn de 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 HTML-weergave doet!
Je kunt ook de link kopiëren uit je blok en die ergens anders plakken.
Zelf HTML maken
Wissel eerst naar de HTML-weergave als je dit in een bericht of pagina doet.
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.
Laat je me het hieronder weten als je hier iets aan gehad hebt?
