logo

Extra Block Types (EBT) - Neue Erfahrung im Layout Builder❗

Extra Block Types (EBT) - gestylte, anpassbare Blocktypen: Diashows, Registerkarten, Karten, Akkordeons und viele andere. Eingebaute Einstellungen für Hintergrund, DOM Box, Javascript Plugins. Erleben Sie die Zukunft der Layouterstellung schon heute.

Demo EBT-Module EBT-Module herunterladen

❗Extra Absatztypen (EPT) - Erfahrung mit neuen Absätzen

Extra Paragraph Types (EPT) - analoger, auf Absätzen basierender Satz von Modulen.

Demo EPT-Module EPT-Module herunterladen

Scroll

3.4. Paragraphs – Landingpage-Builder

27/05/2025, by Ivan

Sehr oft muss man auf einer Website eine Landingpage erstellen, deren Template sich deutlich vom Rest der Seite unterscheidet. Häufig handelt es sich dabei um Seiten für Aktionen, Veranstaltungen oder Präsentationen.

Für diese Zwecke gibt es den praktischen Paragraphs-Builder:

https://www.drupal.org/project/paragraphs

Paragraphs ermöglicht es, über ein Mehrfachfeld in einem Node andere Arten von Paragraphen darzustellen: Fotogalerien, Text mit Bild, Slider, Videos und mehr.

Damit Sie diese Möglichkeit haben, aktivieren wir das Paragraphs-Modul sowie Paragraphs Demo. Das Paragraphs Demo enthält bereits vorgefertigte Paragraphentypen. Außerdem benötigen wir das Modul Entity Reference Revisions:

https://www.drupal.org/project/entity_reference_revisions

Erstellen wir nun einen neuen Inhaltstyp Landing Page (oder verwenden den bestehenden Seite, Artikel) und fügen diesem einen Paragraphs-Feld hinzu:

drupal 8 paragraphs

Wir wählen eine unbegrenzte Anzahl von Werten für dieses neue Feld aus.

drupal 8 paragraphs

Felder verwalten

Wir können weitere Paragraphentypen hinzufügen, etwa Galerien, Videos, Parallax-Bilder. In Drupal 7 gibt es viele zusätzliche Module für verschiedene Paragraphentypen.

Paragraphs pack

Classy paragraphs

Edgy

Entity background

Paragraphs Defaults

Apachesolr Paragraphs

Paragraphs ID

Entity behaviors

Vielleicht werden diese Module zukünftig auch für Drupal 8 verfügbar sein.

Wenn wir nun Nodes des Typs Landing Page erstellen, können wir verschiedene Paragraphentypen hinzufügen:

drupal 8 paragraphs

drupal 8 paragraphs

Das sieht ungefähr so aus:

Drupal 8 paragraphs

Das Paragraphs-Modul bietet eine praktische Oberfläche zum Bearbeiten von Landingpages, aber die Gestaltung der Ausgabe auf der Seite müssen Sie selbst übernehmen.

Versuchen wir, einen neuen Paragraphentyp Slideshow hinzuzufügen. Dafür benötigen Sie ein Modul, das Drupal-Felder in Form einer Galerie anzeigt, beispielsweise das Gallery Formatter:

https://www.drupal.org/project/galleryformatter

Installieren Sie das Modul und erstellen Sie einen neuen Paragraphentyp:

/admin/structure/paragraphs_type/add

drupal 8 paragraphs

Fügen Sie im Paragraphentyp jetzt das Feld Fotos hinzu:

drupal 8 paragraphs

Um beliebig viele Fotos hochzuladen, wählen Sie in den Feldeinstellungen eine unbegrenzte Anzahl aus:

drupal 8 paragraphs

Im Tab „Anzeige verwalten“ stellen Sie für das Bildfeld das Format jQuery Gallery ein:

drupal 8 gallery formatter

Beim Bearbeiten eines Landingpage-Nodes können wir nun eine Galerie als eigenen Paragraph hinzufügen:

drupal 8 paragraphs

Auf der Seite sieht dieses Modul ohne Gestaltung so aus:

Drupal 8 gallery formatter

Ich denke, im Laufe der Zeit werden die Entwickler das Design anpassen, sodass es dem der Drupal-7-Version ähnelt.

Das Paragraphs-Modul eignet sich für Landingpages, Nachrichten-Seiten, Blogs, aber man muss die Seiten trotzdem noch thematisch gestalten, damit sie gut aussehen.