Scheidingsvorm blok
Met het Scheidingsvorm block voeg je een decoratieve SVG-vorm toe als visuele scheiding tussen secties. Je kiest uit een reeks vooraf gedefinieerde vormen, een willekeurig gegenereerde organische vorm, of je plakt je eigen SVG-code. Meerdere vormen kunnen worden gestapeld voor een gelaagd effect.
Het block toevoegen
Zoek in de blokken-editor op “Shape Divider” en voeg het block toe aan de pagina. Klik daarna op de vorm in het block om het vormtype te kiezen.
Vormtypes
Per laag kies je een van de volgende types:
| Type | Omschrijving |
|---|---|
| Wavy | Één vloeiende golf |
| Waves | Drie over elkaar liggende golven |
| Sloped | Schuin aflopende vorm |
| Rounded | Afgeronde boog |
| Angled | Scherpe hoek |
| Triangle | Driehoek |
| Pointed | Vorm met een puntje in het midden |
| Hills | Twee vloeiende heuvels |
| Custom | Willekeurig gegenereerde organische vorm |
| User Supplied | Eigen SVG-code |
Instellingen per laag
Standaardvormen (Wavy t/m Hills)
| Instelling | Omschrijving | Standaard |
|---|---|---|
| Height | Hoogte van de vorm als percentage van het block (1–100%) | 50 |
| Opacity | Doorzichtigheid van de vorm (0–1) | 1 |
| Color | Vulkleur van de vorm | — |
Aangepaste vorm (Custom)
Naast hoogte, doorzichtigheid en kleur zijn er extra opties om de organische vorm te variëren:
| Instelling | Omschrijving | Standaard |
|---|---|---|
| Style | Basispatroon: Blocks, Lines of Waves | — |
| Complexity | Mate van detail in de vorm (2–40) | 5 |
| Delta | Amplitude van de uitwijkingen (0–75) | — |
| Randomize | Genereert een nieuwe willekeurige variatie van de vorm | — |
Eigen SVG (User Supplied)
Plak volledige SVG-code in het tekstveld. De SVG wordt direct in het block geplaatst.
Meerdere lagen stapelen
Klik op de knop naast Shapes om een extra laag toe te voegen. Elke laag heeft zijn eigen type, kleur en doorzichtigheid. Door lagen over elkaar te leggen met verschillende kleuren en doorzichtigheid maak je gelaagde diepte-effecten.
Omdraaien
Gebruik de knoppen in de werkbalk om het hele block om te draaien:
| Knop | Omschrijving |
|---|---|
| Horizontaal omdraaien | Spiegelt de vorm van links naar rechts |
| Verticaal omdraaien | Kantelt de vorm ondersteboven |
Afmetingen en positie
| Instelling | Omschrijving | Standaard |
|---|---|---|
| Height in pixels | Totale hoogte van het block in pixels | 160 |
| z-index | Stapelvolgorde ten opzichte van omliggende blokken (0–100, stap 10) | 10 |
| Marge boven | Ruimte boven het block (in rem) | 0 |
| Marge onder | Ruimte onder het block (in rem) | 0 |
| Tablet schaalfactor | Verhouding waarmee marge automatisch schaalt op tablet (%) | 100 |
| Mobiel schaalfactor | Verhouding waarmee marge automatisch schaalt op mobiel (%) | 50 |
Uitlijning
Het block ondersteunt de WordPress-breedte-uitlijning. Kies in de werkbalk voor Gecentreerd, Breed of Volledig om de breedte van de vorm aan te passen.
> Tip: Gebruik een hoge z-index om de scheidingsvorm over een onderliggend blok te laten overlappen, of een lage z-index om hem eronder te plaatsen.