Wordpress Stack Block icoon

Wordpress WoensdagHet Wordpress Stack block uitgelegd

Snelle verticale uitlijning met gelijke marges voor een aantal blokken? Gebruik het Stapelen blok.

Waarvoor gebruik je het Stapelen block?

Het Stapelen blok (of Stack Block) is de verticale versie van het rij blok (of row block). Dankzij het stapelen en rij blok is het stukken eenvoudiger geworden om blokken met inhoud naast elkaar of onder elkaar te zetten.

Het Stapelen blok is een container blok waarmee je meerdere blokken eenvoudig verticaal met dezelfde marges kan uitlijnen.

Stel, je hebt een features sectie op je homepagina, waarin je 3 features van je dienst of product belicht die interessant zijn voor je lezer. Je maakt 3 Groep blokken met ieder daarin:

  • De feature titel
  • Een korte paragraaf met informatie over een bepaald aspect van je product of dienst
  • Een afbeelding of foto om je tekst te verduidelijken
  • Een button link naar een pagina met meer informatie of een Call to Action. Een eenvoudige manier om de marges tussen je features blokken gelijk te krijgen, is het Stapelen blok voor verticale uitlijning, of het Rij blok voor horizontale uitlijning.

Hoe gebruik je het Stapelen blok in je post of op de pagina?

  1. toevoegen:
    • /stapelen blok (stack block)
    • + teken in de blok editor, zoek stapelen
  2. toolbar settings
    • uitlijning blok aanpassen:
      • links
      • midden
      • rechts
  3. blok settings
    • blok type wijzingen:
    • blok layout wijzigen
      • uitlijning:
        • links
        • midden
        • rechts
      • richting:
      • multiline toggle
    • kleur wijzigen:
      • tekst kleur
      • achtergrond kleur
    • typografie wijzigen

Supersnel stap voor stap

  1. /stapelen
  2. voeg blokken aan het stapelen blok toe
  3. pas de uitlijning aan.

Andere ontwerp blokken