Groep blok
Het Groep blok is een standaard WordPress-block (core/group) waarmee je andere blocks bundelt in één omsluitend element. Het is de eenvoudige, ingebouwde manier om blocks te groeperen, een achtergrond of opvulling te geven, of ze samen horizontaal of verticaal te ordenen.
> SOIL-tip: Heb je meer functionaliteit nodig — een achtergrondafbeelding of -video, parallax, een kleurovergang bij scrollen, of uitgebreide breedte-instellingen — gebruik dan het Container block. Je kunt een Groep block (of een selectie van meerdere blocks) altijd alsnog omzetten naar een Container via Omzetten naar in de blokwerkbalk.
Het block toevoegen
Zoek in de blokken-editor op “Groep” en voeg het blok toe. Je kiest direct een indeling:
| Variant | Omschrijving |
|---|---|
| Groep | Lege groep, blocks worden onder elkaar geplaatst (standaard) |
| Rij | Blocks worden horizontaal naast elkaar geplaatst |
| Stapel | Blocks worden verticaal onder elkaar geplaatst, met ruimte ertussen |
| Raster | Blocks worden in een grid-indeling geplaatst |
Je kunt ook eerst meerdere blocks selecteren en ze via de blokwerkbalk groeperen tot één Groep block.
Indeling
Via Indeling in de zijbalk stel je in hoe de blocks binnen de groep zich gedragen:
| Instelling | Omschrijving |
|---|---|
| Richting (bij Rij/Stapel) | Horizontaal of verticaal |
| Uitlijning | Hoe de blocks zich verdelen: links, gecentreerd, rechts, of gelijkmatig verdeeld (space between) |
| Verticale uitlijning | Boven, midden of onder ten opzichte van elkaar |
| Omslaan naar volgende regel | Bij Rij: laat blocks automatisch doorlopen naar een nieuwe regel als ze niet meer passen |
| Aantal kolommen (bij Raster) | Hoeveel items er per rij worden getoond |
| Inhoud breedte gebruiken | Beperkt de inhoud tot de standaard inhoudskolom, ook al is de groep zelf breed of volledig ingesteld |
HTML-element
Onder Geavanceerd kies je het HTML-element waarin de groep wordt gerenderd: Standaard (div), Header, Main, Section, Article, Aside of Footer. Kies een semantisch element als de groep een betekenisvol onderdeel van de paginastructuur vormt — dit helpt met toegankelijkheid en SEO.
Uitlijning en breedte
Kies via de blokwerkbalk Breed of Volledige breedte om de groep breder dan de standaard inhoudskolom te maken.
Achtergrond, opvulling en marge
| Instelling | Omschrijving |
|---|---|
| Achtergrondkleur / kleurverloop | Via het kleurentabblad in de zijbalk |
| Tekstkleur | Overschrijft de standaard tekstkleur voor alles binnen de groep |
| Rand | Kleur, dikte en radius van een rand rondom de groep |
| Opvulling / Marge / Blokafstand | Ruimte aan de binnen- en buitenkant, en de ruimte tussen de blocks binnenin, via het paneel Afmetingen |
| Minimale hoogte | Dwingt een minimale hoogte af, ongeacht de inhoud |
Vastzetten bij scrollen
Onder Positie kun je (afhankelijk van het thema) Vastzetten inschakelen, zodat de groep op zijn plek blijft staan terwijl de bezoeker over de rest van de pagina scrolt.