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

Background Video

EPT modules support only YouTube background videos for now.

Where do programmers gather?

In the Stack Overflow lounge.

Can you give me a musical note for programming?

In the Background Image Style field, you can choose how the background image behaves. If your image is too small, try selecting "Cover" or "Parallax" so the background image fills the entire paragraph:

Edge to Edge paragraphs

Very often on landing pages, it's necessary to use a full-width background while centering the content. In the EPT settings, there is a checkbox called "Edge to Edge" that makes the outer container of the paragraph span the full width:

What is the meaning of life?

What is the most popular programming task?

A semicolon is missing.

What are the two words every programmer learns to code first?

Hello, World!

Where did programmers learn to code?

At Stack Overflow University.

What is the golden rule in programming?

If it works — don't touch it.

Container Max Width helps configure the width of the content within a paragraph that uses the Edge to Edge option. Since the paragraph stretches to full width, it's necessary to define the width for the text — sometimes this varies between paragraphs. You can modify the values of the Container Max Width classes; by default, EPT offers the following container width options:

Auto (100%) — Full width for the text container
xxSmall — 280px
xSmall — 480px
Small — 780px
Default — 960px
Large — 1120px
xLarge — 1320
xxLarge — 1600

Predefined styles

EPT modules usually include a set of predefined styles. This helps save time when styling a new component on your landing page. You can also create your own style and add it to the EPT module.