Het maken van buttons voor op de website

Het maken van buttons voor op de website

Hoe maak ik buttons (knoppen) op mijn website?

Op uw website ziet u op de homepagina en bij sommige modules gestylde buttons. Deze buttons worden automatisch in de kleurstelling van uw website  gepresenteerd en hebben de juiste afmeting, zoals in onderstaand voorbeeld:

het-maken-van-buttons-voor-de-website


Het kan voorkomen dat u op een pagina binnen uw website ook een button wilt plaatsen in dezelfde stijl. Bijvoorbeeld tussen een tekst, zoals in onderstaand voorbeeld.

het-maken-van-buttons-voor-de-website


Het maken van een button is iets ingewikkelder dan uw gewend bent, wij adviseren u daarom eerst in kladblok of Word te werken.

In deze tutorial beschrijven we hoe u een button kunt toevoegen aan een pagina op uw website. Als u de volgende stappen doorloopt kunt u op elke gewenste plek binnen uw website een button plaatsen die linkt naar een pagina binnen uw eigen website of een pagina naar een externe website.


het-maken-van-buttons-voor-de-website


  1. Open kladblok of Word
  2. Kopieer en plak de volgende link in uw kladblok:

<p><a class=”btn secundary-bg theme–dark” href=”https://www.yardzorgsites.nl//”>Tekst vd button</a></p>

  1. Vervang het bovenstaande (groene) webadres voor uw eigen webadres. Dus het webadres waar de button naar toe moeten linken. Let op! Geen extra spaties, letters of leestekens toevoegen aan de link.
  2. Vervang de rode tekst voor uw eigen button tekst
  3. Kopieer de hele link
  4. Log in op het beheersysteem van uw website
  5. Ga naar pagina’s en bewerk de pagina waar u de button wilt plaatsen



8. Klik op het tabblad ‘tekst’ en plak vervolgens de link vanuit uw Word of kladblok in de editor en op de plek waar de button moet komen.

het-maken-van-buttons-voor-de-website


9. Klik weer op het tabblad visueel en voeg waar nodig extra witruimte toe met de enter toets. Het ziet er nu als volgt uit:



10. Klik op de blauwe knop bijwerken om de pagina op te slaan.