Sectie met tekst en afbeelding
Dit is voorbeeldtekst voor een boilerplate-omgeving. Gebruik deze seed als startpunt voor pagina’s, componenten en responsive layouts. De inhoud is neutraal zodat je snel kunt itereren richting definitieve copy.
Een tweede alinea laat zien hoe meerdere paragrafen in Bard worden opgeslagen. Afbeelding en knop staan configureerbaar in het CMS.
Lees meer
Tweede tekst-afbeelding combinatie
Hier staat alternatieve tekst voor een tweede instantie van hetzelfde bloktype. Zo kun je in de page-seeder met text_image#2 naar deze variant verwijzen zonder duplicatie in configuratie.
Bekijk details
Brede tekstsectie
Een brede tekstkolom werkt goed voor missie, uitleg of lange leesfragmenten. Deze seed vult hem met duidelijke, generieke zinnen die je in het CMS kunt vervangen.
Gebruik koppen in Bard waar nodig; deze paragrafen tonen standaard bodytekst. Houd regellengte en hiërarchie in de gaten voor leesbaarheid op mobiel.
Tweede brede tekst
Statische pagina’s, landingspagina’s en overzichten gebruiken vaak herhaalbare patronen. Door meerdere text_wide-blokken te seeden kun je snel pagina’s met verschillende volgordes samenstellen.
Derde brede tekst
Deze derde instantie ondersteunt scenario’s waarin je text_wide#3 nodig hebt in de page-seeder.
Smallere kolom
Kortere secties met een smallere maatregel helpen om tempo en contrast te geven naast bredere blokken.
Meer informatieTwee kolommen tekst
Subtitel optioneel
Linkerkolominhoud (concept): heldere boodschap, compacte zinnen, focus op voordeel voor de bezoeker.
Rechterkolominhoud (concept): aanvullende details, planning of voorwaarden in dezelfde typografische stijl.
Waarom dit een sterke basis is
Veelgestelde vragen
Werk de PHP-seeders bij of overschrijf entries in het Statamic CP. De structuur blijft hetzelfde; alleen teksten en media wijzigen.
Bestanden horen in de assets-container (bijv. public/assets/placeholder/). Paden in de seed gebruiken de notatie placeholder/placeholder-XX.jpg.
Bestanden horen in de assets-container (bijv. public/assets/placeholder/). Paden in de seed gebruiken de notatie placeholder/placeholder-XX.jpg.
We zorgen voor toegankelijke content en design. We volgen de WCAG-richtlijnen en gebruiken accessible components en patterns.
We zorgen voor toegankelijke content en design. We volgen de WCAG-richtlijnen en gebruiken accessible components en patterns.
Contact
Stuur een bericht
Dit blok koppelt het Statamic-formulier “contact”. Pas handles of teksten in het CMS aan indien je meerdere formulieren gebruikt.
Codevoorbeeld
Hero uit pagebuilder
Volle breedte binnen de paginabouwerGeselecteerde vragen
Dat hangt af van scope en beschikbaarheid. In een intake bespreken we een realistische planning en mijlpalen.
Gebruik het contactformulier of bel tijdens kantooruren. We bevestigen ontvangst en plannen een vervolgstap.
We verwerken gegevens volgens geldende wet- en regelgeving en alleen voor het doel waarvoor je ze verstrekt.
Ja. Houd rekening met planning en budget. Kleine wijzigingen zijn vaak sneller te plannen dan grote ingrepen.