Demo: EPT-paragrafen

24/09/2025, by Ivan

Met EPT-modules kun je eenvoudig landingspagina’s opzetten zonder enige kennis van HTML/CSS.

Eenvoudig te gebruiken met Paragraphs

EPT-modules maken paragrafentypes aan die je kunt gebruiken in Paragraafvelden:

Maak EPT-paragrafen

Zo kun je met een paar klikken een nieuwe paragraaf aan de pagina toevoegen.

Hier is meer informatie over de Paragraph-module:

https://www.drupal.org/docs/contributed-modules/paragraphs

Paragraafinvoer en instellingen

Op het formulier voor het bewerken van paragrafen vind je twee tabbladen: Inhoud en Instellingen. Het tabblad Inhoud bevat velden zoals titels, teksten, afbeeldingen, enz. Het tabblad Instellingen bevat algemene EPT-instellingen "Ontwerpopties", bijvoorbeeld DOM Box, en modulespecifieke instellingen: javascript-plugininstellingen, vooraf gedefinieerde stijlen:

EPT Ontwerpopties

DOM Box: marges, randen, opvullingen

Elke EPT-paragraaf heeft DOM Box-instellingen om tussenruimtes boven en onder de paragraaf en opvullingen binnen de paragraaf in te stellen:

Drupal EPT DOM Box

Je kunt een rand instellen voor slechts één zijde, twee zijden of alle zijden. Vergeet niet de breedte van de rand in de DOM Box in te vullen; zonder dit verschijnt de rand niet.

Achtergrondkleur, afbeelding of video

Alle EPT-paragraaftypes hebben achtergrondinstellingen. Het ondersteunt achtergrondkleur, afbeeldingen en externe video’s op basis van de Media-module.

Experimenteer met DOM Box om paragrafen er beter uit te laten zien. Probeer extra opvullingen, marges of een rand toe te voegen. Hier is een voorbeeld van de EPT Accordeon/FAQ-module:
https://www.drupal.org/project/ept_accordion

Achtergrondvideo

EPT-modules ondersteunen voorlopig alleen YouTube-achtergrondvideo’s.

Waar komen programmeurs samen?

In de Stack Overflow-lounge.

Kun je me een muzikale noot voor programmeren geven?

In het veld Achtergrondafbeeldingsstijl kun je kiezen hoe de achtergrondafbeelding zich gedraagt. Als je afbeelding te klein is, probeer dan "Cover" of "Parallax" te selecteren zodat de achtergrondafbeelding de hele paragraaf vult:

Rand-tot-rand-paragrafen

Heel vaak is het op landingspagina’s nodig om een achtergrond over de volledige breedte te gebruiken terwijl de inhoud gecentreerd blijft. In de EPT-instellingen is er een selectievakje genaamd "Rand-tot-rand" dat de buitenste container van de paragraaf over de volledige breedte laat lopen:

Wat is de betekenis van het leven?

Wat is de meest populaire programmeertaak?

Er ontbreekt een puntkomma.

Wat zijn de twee woorden die elke programmeur als eerste leert coderen?

Hallo, wereld!

Waar hebben programmeurs leren coderen?

Aan de Stack Overflow-universiteit.

Wat is de gouden regel in programmeren?

Als het werkt — niet aankomen.

Container Max Breedte helpt bij het configureren van de breedte van de inhoud binnen een paragraaf die de Rand-tot-rand-optie gebruikt. Omdat de paragraaf over de volledige breedte uitrekt, is het nodig om de breedte voor de tekst te definiëren — soms varieert dit tussen paragrafen. Je kunt de waarden van de Container Max Breedte-klassen aanpassen; standaard biedt EPT de volgende opties voor containerbreedte:

Auto (100%) — Volledige breedte voor de tekstcontainer
xxSmall — 280px
xSmall — 480px
Klein — 780px
Standaard — 960px
Groot — 1120px
xLarge — 1320
xxLarge — 1600

Vooraf gedefinieerde stijlen

EPT-modules bevatten meestal een reeks vooraf gedefinieerde stijlen. Dit helpt tijd te besparen bij het opmaken van een nieuw component op je landingspagina. Je kunt ook je eigen stijl maken en deze toevoegen aan de EPT-module.