Markup-slot: begin van de bodyDoor een redacteur ingevoegde HTML.

Lagen en design-slots

Een aparte speelplaats voor opmaak en structuur

Op deze pagina zie je hoe tekstlagen, kolommen, USP-elementen en geneste onderdelen samen een pagina vormen.

Je kunt hier onder meer tekst naast tekst, gecentreerde tekst, tekst met meerdere media en tekst met een carrousel vergelijken. Ook zie je hoe tekstlagen met formulieren en andere modules op één pagina samenwerken.

De CMS-seed kan deze bouwstenen combineren met een functioneel profiel, zoals zakelijk, booking, webshop of hybride, en met een los visueel thema: zakelijk, kleurrijk, vrolijk of rustig. Zo blijft inhoud onafhankelijk van de uitstraling. Open de bewerkingsmodus om per onderdeel de CMS-velden en opmaak-slots te bekijken.

Drie manieren om inhoud te presenteren

  • Tekst en beeld

  • Kolommen

  • Slots

  • Responsive

  • Toegankelijk

  • CMS-first

Geneste kolommen

Deze laag staat boven een kolomstructuur. De tekst in de kolommen blijft netjes op zijn eigen plek staan en past zich aan op een groot scherm, tablet en mobiel.

Zo kun je losse onderdelen combineren zonder dat de inhoud zijn structuur of leesbaarheid verliest.

Tekst, knoppen en media

Een tekstlaag kan naast lopende tekst ook een link, tweede kolom, quote, opsomming, formulier of carousel bevatten. Dezelfde laag past zich aan de inhoud aan.

Bekijk het contactformulier en ontdek hoe een inhoudelijke laag naar een andere pagina verwijst.

Van data tot interactie

De demo combineert vaste content met dynamische bronnen. Agenda, FAQ, teamleden, projecten en bestanden worden als collecties beheerd en door een laag gepresenteerd.

  • Semantische headings uit het CMS
  • Responsive kolommen zonder maatwerk
  • Opmaak die per laag kan verschillen
Markup-slot: inplaceDeze widget staat op de plek van de markup-laag.

Twee teksten naast elkaar

De linker kolom bevat de hoofdtekst. De redacteur kan deze variant gebruiken voor twee gelijkwaardige tekstblokken.

Aanvullende informatie

De rechter kolom krijgt een eigen titel en inhoud. Op mobiel vallen de kolommen netjes onder elkaar.

Gecentreerde tekst

Een korte boodschap of introductie komt soms het beste tot zijn recht in het midden. Deze variant maakt van tekst bewust het rustpunt van de pagina.

Tekst met meerdere media

Met meerdere afbeeldingen kan een redacteur een kleine reeks tonen naast de tekst. De volgorde blijft vanuit het CMS beheerbaar.

Tekst met meerdere media
Tekst met meerdere media
Tekst met meerdere media

Tekst met carrousel

Een carrousel is handig wanneer meerdere beelden bij hetzelfde verhaal horen. Bezoekers kunnen zelf door de reeks bladeren.

Tekst met media

Tekst en een afbeelding versterken elkaar. Gebruik deze variant voor een introductie, een verhaal of een inhoudelijk blok met één duidelijke blikvanger.

Tekst met media
Markup-slot: na de footerDeze inhoud komt uit de CMS-laag.
Markup-slot: einde van de bodyDit is de laatste CMS-markup vóór het sluiten van de body.