Ons thema werkt op het framework Bootstrap en hiermee komen geweldige functies mee zoals zeer mooie knoppen:
Normaliter word een link zo in het tekst veld weergegeven:
<a href="linkadres" target="_blank">Hier kan je linktekst staan</a>
Maar doordat wij Bootstrap gebruiken, hebben wij de mogelijkheid over hele mooie buttons:
Deze worden aangestuurd door een class die meegegeven is, nou kan je dit normaal gebruiken voor je button door middel van:
<button class="btn btn-primary">Hier kan je buttontekst staan</button>
Resultaat hiervan is:
Nu wil je deze geweldige code natuurlijk gebruiken voor je link, en dat doe je zo:
<a class="btn btn-primary" href="linkadres" target="_blank">Hier kan je linktekst staan</a>
Resultaat hiervan is:
Hier kan je linktekst staan p.s. niet op klikken, deze gaat naar de url linktekst en deze bestaat niet 😉
Dit kan je nu ook voor meerdere kleuren gebruiken:
Hier kan je linktekst staan
<a class="btn btn-secondary" href="linkadres" target="_blank">Hier kan je linktekst staan</a>
Hier kan je linktekst staan
<a class="btn btn-success" href="linkadres" target="_blank">Hier kan je linktekst staan</a>
Hier kan je linktekst staan
<a class="btn btn-info" href="linkadres" target="_blank">Hier kan je linktekst staan</a>
Hier kan je linktekst staan
<a class="btn btn-warning" href="linkadres" target="_blank">Hier kan je linktekst staan</a>
Hier kan je linktekst staan
<a class="btn btn-danger" href="linkadres" target="_blank">Hier kan je linktekst staan</a>
De knoppen kunnen groter wat je dan moet doen is vrij simpel plaats gewoon nog een class erbij: class="btn btn-primary btn-lg". Voorbeeld hiervan staat hieronder:
<button class="btn btn-outline-primary">Hier kan je buttontekst staan</button>
Resultaat hiervan is: