wordpress buttons block icoon

Wordpress WoensdagHet Wordpress Buttons block uitgelegd

Met het Knoppen blok kan je 1 of meer knoppen aan je pagina of post toevoegen.

Waarvoor gebruik je het Knoppen blok?

Moedig je bezoeker aan tot het nemen van een actie met het Knoppen blok. Denk aan opgeven voor je nieuwsbrief, naar de pagina met al je producten of diensten gaan, etc. Met dit ontwerp blok kan je één of meer knoppen aan je pagina of post toevoegen. Het Knoppen blok wordt vaak in een CTA (call to action) gebruikt.

Hoe voeg je een Knoppen blok in de blok editor toe?

  1. toevoegen:
    • /knoppen blok (buttons)
    • + teken in de Gutenberg editor, zoek knoppen
  2. toolbar settings
    • blok uitlijning aanpassen
    • maximale breedte van het knoppen element instellen
  3. blok settings
    • uitlijning van de knop(pen) binnen het blok
    • knoppen in een rij of kolom

Knop aanpassen in je Buttons block

  1. dubbelklik op de knop
  2. typ de button tekst
  3. button toolbar settings:
    • uitlijning
    • link toevoegen
    • vette en cursieve tekst
  4. button block settings:
    • Kleur veranderen van de tekst, achtergrond en rand (denk aan het contrast voor de leesbaarheid van je tekst)
    • ruimte rond de tekst
    • dikte button rand
    • ronding button rand
    • tekst grootte

Handig om te weten

Ook als je maar 1 knop wil toevoegen , gebruik je het Knoppen blok. In eerdere versies van de Wordpress block editor bestond een blok voor 1 knop, maar dit blok is samengevoegd met het Knoppen blok.

Supersnel stap voor stap

  1. /knoppen
  2. dubbelklik knop
  3. pas de tekst van de knop aan
  4. voeg link toe
  5. pas eventueel de kleur van de knop aan

Andere ontwerp blokken