Kolommen blok
Het Kolommen block is een standaard WordPress-block (core/columns) waarmee je de pagina in meerdere kolommen naast elkaar verdeelt. Binnen elke kolom (core/column) plaats je vervolgens weer andere blocks, zoals tekst, afbeeldingen of andere SOIL-blocks. SOIL voegt een extra uitlijningsoptie toe waarmee je bepaalt hoe de kolommen zich horizontaal verdelen binnen de rij (zie Horizontale uitlijning verderop).
Het block toevoegen
Zoek in de blokken-editor op “Kolommen” en voeg het block toe. Je kiest direct een indeling uit een aantal voorgedefinieerde varianten (bijv. 50/50, 33/33/33, 25/75), of begin met “Kolommen” zonder voorinstelling.
Kolommen toevoegen en verwijderen
- Klik binnen het block op “+” aan de rand om een kolom toe te voegen.
- Selecteer een kolom en gebruik het blokmenu (⋮) om deze te verwijderen.
- Het aantal kolommen is instelbaar via het veld Kolommen in de zijbalk (tot een ingesteld maximum).
Bij het toevoegen of verwijderen van kolommen wordt de breedte van de overige kolommen automatisch herverdeeld.
Kolombreedte
Elke kolom heeft een eigen breedte-instelling, in procenten van de totale rij:
- Slepen — versleep de scheidingslijn tussen twee kolommen in de editor om de breedte visueel aan te passen.
- Handmatig instellen — selecteer een kolom en vul in de zijbalk een exact percentage in bij Breedte.
> Tip: Klik op het kettingicoon naast de breedte-instellingen om kolombreedtes aan elkaar te koppelen (proportioneel aanpassen) of los te koppelen (individueel aanpassen).
Verticale uitlijning
| Niveau | Instelling | Omschrijving |
|---|---|---|
| Blockniveau | Verticale uitlijning | Bepaalt de standaard verticale uitlijning van alle kolommen: Boven, Midden of Onder |
| Kolomniveau | Verticale uitlijning | Overschrijft de blockinstelling voor die ene kolom |
Dit is vooral zichtbaar wanneer kolommen door hun inhoud een verschillende hoogte hebben.
Op mobiel stapelen
Standaard vallen kolommen op kleine schermen automatisch onder elkaar. Schakel “Stapelen op mobiel” uit als je de kolommen ook op mobiel naast elkaar wilt tonen (let op: dit kan op smalle schermen tot erg smalle kolommen leiden).
Horizontale uitlijning (SOIL)
Als de kolombreedtes samen niet de volledige rijbreedte vullen (bijvoorbeeld twee kolommen van elk 20% in een rij van 6 kolommen), bepaalt de horizontale uitlijning waar de kolommen binnen de rij worden geplaatst. Selecteer het Kolommen-block (niet een losse kolom) en kies via het uitlijningsicoon in de blokwerkbalk:
| Optie | Omschrijving |
|---|---|
| Start | Kolommen tegen de linkerkant (standaard) |
| Center | Kolommen gecentreerd in de rij |
| End | Kolommen tegen de rechterkant |
| Space Between | Gelijke ruimte tussen de kolommen, buitenste kolommen tegen de randen |
| Space Around | Gelijke ruimte rondom elke kolom |
| Space Evenly | Volledig gelijke ruimte tussen en rondom alle kolommen |
Achtergrond en opvulling
Selecteer een losse kolom om via Stijlen een achtergrondkleur, tekstkleur of opvulling (padding) toe te voegen — handig om een kolom visueel te laten opvallen als kaart of vak.