Waarvoor gebruik je het Kolommen blok?
Met het Kolommen blok kan je verschillende elementen op je pagina naast elkaar zetten. Bijvoorbeeld een Image block links en rechts van een Paragraph block. Het Kolommen blok is een van de ontwerp blokken beschikbaar in de Wordpress blok editor.
Hoe voeg je een Kolommen blok in de blok editor toe?
- toevoegen:
- /kolommen (columns)
- + teken in de Gutenberg editor, zoek kolommen
- selecteer de kolom verdeling. (Dit kan je altijd later weer veranderen)
- 100
- 50/50
- 30/70
- 70/30
- 33/33/33
- 25/50/25
Kolommen settings
- toolbar settings Kolommen
- uitlijnen blok
- blok inhoud verticaal uitlijnen:
- boven
- midden
- onder
- blok settings Kolommen
- kleur aanpassen:
- tekst
- achtergrond
- link tekst
- kolommen instellingen
- slider en input aantal kolommen
- toggle: stapel op mobiel (laat in vrijwel ieder geval aanstaan)
- dimensie instellingen:
- padding: witruimte rond de inhoud van de blokken in de kolommen
- marge: witruimte rond de verschillende kolommen
- kleur aanpassen:
Kolom settings
Voeg blokken aan iedere kolom toe. Bijvoorbeeld een Heading block, Paragraph block en Buttons block in de ene kolom en een Image block of Video block in de andere kolom.
- toolbar settings Kolom
- verschuif kolom naar links of rechts
- uitlijning inhoud column:
- boven
- midden
- onder
- blok settings Kolom
- kleur aanpassen:
- tekst
- achtergrond
- links
- kolom instellingen:
- breedte van een kolom individueel instellen
- dimensie instellingen:
- padding: witruimte rond blokken in de kolom
- kleur aanpassen:
Handig om te weten
Je kan zoveel kolommen toevoegen als je wil. Je krijgt wel een melding in de blok settings wanneer je dusdanig veel kolommen hebt toegevoegd dat het problemen wordt voor de uiteindelijke layout van je pagina. Deze melding krijg je vanaf 7 kolommen.
Supersnel stap voor stap
- /kolommen
- 50/50
- toevoegen kolom 1:
- toevoegen kolom 2:
- Kolommen verticaal uitlijnen: midden
- toggle 'stapel op mobiel' aan
