Demo: EPT-Absätze

24/05/2025, by Ivan

Mit den EBT-Modulen können Sie ganz einfach Landingpages ohne jegliche HTML/CSS-Kenntnisse erstellen.

Einfach zu verwenden mit Paragraphs

EBT-Module erstellen Paragraph-Typen, die Sie in Paragraph-Feldern verwenden können:

Erstellen von EPT-Absätzen

So können Sie mit wenigen Klicks einen neuen Absatz auf der Seite hinzufügen.

Hier finden Sie weitere Informationen über das Paragraph-Modul:

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

Paragraph-Inhalt und Einstellungen

Im Bearbeitungsformular für Absätze finden Sie zwei Tabs: Inhalt und Einstellungen. Der Inhalt-Tab enthält Felder wie Titel, Texte, Bilder usw. Der Einstellungen-Tab enthält allgemeine EPT-Einstellungen wie "Designoptionen", beispielsweise DOM-Box, sowie modul-spezifische Einstellungen: JavaScript-Plugin-Einstellungen, vordefinierte Stile:

EPT Designoptionen

DOM Box: Ränder, Rahmen, Innenabstände

Jeder EBT-Block hat DOM-Box-Einstellungen, um Abstände oberhalb und unterhalb des Blocks sowie Innenabstände innerhalb des Blocks festzulegen:

Drupal EPT DOM-Box

Sie können den Rahmen nur auf einer Seite, zwei Seiten oder allen Seiten setzen. Vergessen Sie nicht, die Rahmenstärke in der DOM-Box anzugeben, sonst wird der Rahmen nicht angezeigt.

Hintergrundfarbe, Bild oder Video

Alle EPT-Paragraph-Typen verfügen über Hintergrund-Einstellungen. Es werden Hintergrundfarbe, Bilder und externe Videos unterstützt, basierend auf dem Medien-Modul.

Experimentieren Sie mit der DOM-Box, um die Blöcke optisch zu verbessern, versuchen Sie zusätzliche Innenabstände, Ränder oder Rahmen hinzuzufügen. Hier ist ein Beispiel für das EPT Accordion/FAQ-Modul:
https://www.drupal.org/project/ebt_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 EBT 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 block that uses the Edge to Edge option. Since the block stretches to full width, it's necessary to define the width for the text — sometimes this varies between blocks. You can modify the values of the Container Max Width classes; by default, EBT 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

EBT 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 EBT module.