Media & tekst blok
Met het Media & tekst block plaats je een afbeelding, video of embed naast een tekstgedeelte. Je bepaalt zelf welke kant het mediaonderdeel staat, hoe breed elk deel is en of de tekst over de afbeelding mag overlappen.
Het block toevoegen
Zoek in de blokken-editor op “Media & Text” en voeg het block toe aan de pagina.
Weergave
Kies aan welke kant het media-onderdeel staat:
- Tekst | Media — tekst links, media rechts (standaard)
- Media | Tekst — media links, tekst rechts
Media
Type
Kies wat er in het mediaonderdeel wordt getoond:
Afbeelding
Kies een afbeelding uit de mediabibliotheek. Via de brandpuntskiezer bepaal je welk deel van de afbeelding altijd zichtbaar blijft als de afbeelding wordt bijgesneden op kleinere schermen. Klik op de afbeelding in de kiezer om het brandpunt te verplaatsen.
Video
Upload een videobestand. De video wordt weergegeven met standaard afspeelknoppen.
Embed
Plak een URL van een externe videodienst zoals YouTube of Vimeo. Het block haalt automatisch de ingesloten speler op.
Tekst
Het tekstgedeelte werkt als een normale contentruimte. Je kunt er alle gebruikelijke WordPress-blokken in plaatsen, zoals een Titel block, alinea’s of knoppen.
Opmaak
Breedte
Stel de verhouding in tussen het tekstgedeelte en het mediaonderdeel:
| Optie | Tekst | Media |
|---|---|---|
| Normaal | 50% | 50% |
| Klein – groot | 33% | 67% |
| Groot – klein | 67% | 33% |
De labels “klein” en “groot” verwijzen naar de breedte van het tekstgedeelte. SOIL past de volgorde automatisch aan op basis van de gekozen weergaverichting.
Overlap
Schakel Overlap in om de tekst over de afbeelding heen te laten lopen. De achtergrondkleur van het tekstgedeelte wordt dan zichtbaar als overlay op de afbeelding.
Achtergrondkleur
Kies een achtergrondkleur voor het tekstgedeelte. Standaard is dit een donkergrijs. Deze kleur is zichtbaar als het tekstgedeelte geen eigen achtergrond heeft via de blokken erin, en is altijd zichtbaar als Overlap is ingeschakeld.
Ruimte tussen media en tekst
Stel de ruimte in tussen het media-onderdeel en het tekstgedeelte. De waarde is in rem (0 tot 25, in stappen van 0,1). Standaard is 1 rem. Zet dit op 0 als je de twee onderdelen direct tegen elkaar wilt plaatsen.