Foto + tekst¶
Het Foto + tekst-blok zet een afbeelding naast een tekstveld in een 50/50-indeling. Op smalle schermen (mobiel) komen de twee onder elkaar te staan, op brede schermen naast elkaar. Je kiest of de foto links of rechts van de tekst staat — handig om twee opeenvolgende blokken visueel te wisselen.
Hoe het op de site verschijnt¶
Velden¶
| Veld | Type | Verplicht | Wat erin? |
|---|---|---|---|
| Tekst | Tekst-editor met opmaak | Ja | De inhoud naast de afbeelding. |
| Foto | Bestand (afbeelding) | Ja | Eén afbeelding uit de map Bestanden. |
| Positie Foto | Keuze: Links / Rechts | Nee | Aan welke kant de foto staat. Standaard Links. |
| Link | Link-veld | Nee | Maakt de foto klikbaar (intern, extern, e-mail, telefoon, bestand). |
Hoe het rendert¶
- Twee kolommen van elk de helft van de containerbreedte op desktop (
col-lg-6). - Onder elkaar op smalle schermen (tablet en mobiel) — foto eerst, dan tekst.
- De foto wordt niet bijgesneden op vaste hoogte (anders dan in het Foto-blok), maar krijgt wel maximale kwaliteit.
- Als er een Link is ingevuld, wordt de foto klikbaar.
Wanneer dit blok gebruiken¶
- Een uitleg met visuele ondersteuning: een tekst over een product met een foto van het product ernaast.
- Een medewerker-introductie: portretfoto links, korte beschrijving rechts.
- Een stappenuitleg met beeldvoorbeeld per stap (alterneer dan links/rechts voor ritme).
Gebruik niet voor¶
- Een foto die het hele beeld moet vullen — dan eerder een Foto-blok.
- Een lange tekst met meerdere alinea's en tussentitels — dan beter een Foto en daaronder een Tekst-blok.
- Drie of meer kolommen — daar zijn aparte blokken voor (Tekst 2-kolommen, Tekst 3-kolommen).
Tips voor goede combinaties¶
- Foto in portretverhouding (2:3) of vierkant (1:1) werkt het mooiste in een halve kolom. Brede landschapsfoto's worden klein.
- Houd de tekst kort: 2 tot 4 alinea's. Past de tekst niet, gebruik een Tekst-blok eronder.
- Wissel links/rechts af als je meerdere Foto+tekst-blokken na elkaar zet. Dat geeft visueel ritme.
- Lange titels (Hoofding) horen ervoor, niet als eerste regel in het tekstveld zelf — anders krijg je een te kleine titel.
Veelgemaakte fouten¶
- Foto staat altijd links in vier blokken na elkaar — saaie pagina. Wissel de positie af.
- Tekst is veel langer dan de foto hoog is — leeg gat onder de foto. Verklein de tekst of kies een hogere foto.
- Foto en tekst horen niet bij elkaar inhoudelijk — gebruik dan twee aparte blokken.