Startseite Blöcke

Auf einen Blick

Blöcke

Absatz

Texte aller Art für Artikel, Pressemeldungen oder kurze Erklärungen

Audio

Interaktiver Audio-Player für interne und externe Audio-Inhalte

Bild

Redaktionelle Bilder mit optionaler Bildunterschrift

Bildergalerie

Prominente Bildergalerie mit Lightbox und Bildunterschriften

Button

Visuelle Variantern zur prominenten Verlinkung von internen und externen Inhalten

Call to Action

Prominente Darstellung der Hauptaktion einer Seite mit Beschreibungstext

Details (Akkordion)

Erweiterbares Inhaltselement zur Strukturierung komplexer Informationen

Download

Dateien zum Herunterladen mit Button und Datei-Infos.

Kicker Heading

Überschrift mit einleitender Dachzeile

Link-Liste

Thematisch zusammenhängende Link-Sammlung im Raster-Layout

Liste

Bullet-Liste und hierarchische nummerierte Liste

Pullquote (Großes Zitat)

Prominentes Zitat mit Quellenangabe

Slider

Teaser mit großem Bild, Titel, Text und Button im Karussell

Tabelle

Darstellung strukturierter Daten und Listen

Teaser-Raster

/teasers Das Teaser Grid ist ein intelligentes, vollautomatisiertes Layout-Instrument für…

Teaser-Zeile

Die Teaser-Zeile ist als Vorlage verfügbar. Das Hinzufügen eines Teaser-Grids…

Themen

Automatische Auflistung der Unterseiten für den Seitenanfang

Überschriften

Einfache Überschriften zur Strukturierung langer Texte

Video

Interaktiver Videoplayer für Videos aus Mediathek und anderen Plattformen

Weiterführende Links

Linksammlung mit Beschreibungen für eine Inhaltsseite

Zitat

Im Fließtext platziertes Zitat

Inhalte gestalten

Die Blöcke

Seit der Einführung des modernen Gutenberg-Editors basiert das Erstellen von Inhalten auf einem flexiblen System: den sogenannten Blöcken.

Stellen Sie sich Blöcke wie digitale Bausteine vor. Anstatt Inhalte in einem einzigen, starren Textfeld zu bearbeiten, besteht Ihre Website nun aus einzelnen, unabhängigen Elementen. Jeder Absatz, jedes Bild und jeder Button ist ein eigener Block, den Sie individuell gestalten und verschieben können.

Jede Block-Anleitung folgt einer einheitlichen Struktur, damit Sie sich schnell zurechtfinden:

Beispiele
Eine direkte visuelle Darstellung des Blocks und seiner Ausprägungen, um Ihnen eine visuelle Orientierung der Möglichkeiten zu bieten.

Slash-Befehl
Die präzise Tastatur-Eingabe (z. B. /[befehl]), mit der Sie den Block im Editor direkt und zeitsparend aufrufen.

Beschreibung
Eine funktionale Übersicht, die den redaktionellen Zweck und die Funktionsweise des Blocks erläutert.

Anwendungsbeispiele
Typische Szenarien, die aufzeigen, für welche redaktionellen Inhalte der jeweilige Block optimal eingesetzt wird.

Do’s & Don’ts
Eine übersichtliche und klare Richtlinie, die Sie dabei unterstützt, die Blöcke im redaktionellen Alltag systemkonform und effizient anzuwenden.