Layout & Inhaltsblöcke

Jede Seite besteht aus einem Layout — aufgebaut aus Abschnitten, Zeilen, Spalten und Inhaltsblöcken.

Aufbau einer Seite

Seite
 └── Abschnitt(e)
      └── Zeile(n)
           └── Spalte(n)
                └── Inhaltsblöcke

Abschnitt (Section)

Ein großer Bereich auf der Seite.

Option	Wirkung
Breite	Zentriert oder volle Bildschirmbreite
Abstand	Kein, klein, normal oder groß (oben/unten)
Hintergrund	Voreingestellte Farbe oder eigene Farbe (siehe unten)

Hintergrund-Voreinstellungen

Preset	Wirkung
Standard	Hintergrundfarbe des Themes
Alternativ	Leicht abgesetzter Hintergrund (z. B. hellgrau)
Akzent	Markante Kontrastfarbe (z. B. für CTA-Abschnitte)
Transparent	Kein Hintergrund

Über Eigene Farbe können Sie außerdem jeden beliebigen Hex-Farbwert eingeben. Die eigene Farbe überschreibt das gewählte Preset.

Zeile (Row)

Teilt einen Abschnitt in Spalten auf.

Verfügbare Layouts:

Layout	Aufteilung
100 %	Eine Spalte
50 / 50	Zwei gleiche Spalten
33 / 66	Schmal + breit
66 / 33	Breit + schmal
33 / 33 / 33	Drei gleiche Spalten
25 / 25 / 25 / 25	Vier gleiche Spalten
25 / 75	Seitenleiste links
75 / 25	Seitenleiste rechts

Spalte

Enthält die eigentlichen Inhaltsblöcke. Blöcke können per Drag & Drop sortiert werden.

Seiten-Layout-Vorlagen

Für jede Seite können Sie eine Layout-Vorlage wählen, die Abschnitte in Bereiche aufteilt:

Vorlage	Beschreibung
Keine Sidebar	Volle Breite — alle Abschnitte nebeneinander (Standard)
Sidebar links	Seitenleiste links, Hauptinhalt rechts
Sidebar rechts	Hauptinhalt links, Seitenleiste rechts
Sidebars links & rechts	Zwei Seitenleisten mit Hauptinhalt in der Mitte

Sobald eine Vorlage mit Sidebar gewählt ist, erscheint bei jedem Abschnitt eine Bereich-Auswahl:

Bereich	Bedeutung
Hauptinhalt	Gehört zur Hauptspalte
Sidebar links	Erscheint in der linken Seitenleiste
Sidebar rechts	Erscheint in der rechten Seitenleiste

Blöcke hinzufügen

In einer Spalte Block hinzufügen wählen
Typ aus der Liste auswählen
Felder ausfüllen
Speichern

Blöcke lassen sich bearbeiten und löschen.

Verfügbare Inhaltsblöcke

Inhalt

Block	Beschreibung	Wichtige Felder
Überschrift	H1–H6	Text, Überschriftenebene
Rich Text	Formatierter Fließtext	WYSIWYG-Editor (fett, Listen, Links …)
Hero	Großer Einstiegsbereich	Badge, Titel, Text, bis zu 2 Buttons, Stil (hell/dunkel/Bild), Höhe, Hintergrundbild
Zitat	Hervorgehobenes Zitat	Zitat, Autor
FAQ	Aufklappbare Fragen	Beliebig viele Frage/Antwort-Paare
CTA	Handlungsaufforderung	Überschrift, Beschreibung, Button-Text + Link
Trenner	Visuelle Trennlinie	Keine Einstellungen
HTML	Freier HTML-Code	Nur für erfahrene Nutzer

Medien

Block	Beschreibung	Wichtige Felder
Bild	Einzelbild	Bild (aus Medienbibliothek), Alt-Text, Bildunterschrift
Galerie	Bildergalerie	Optionaler Titel, mehrere Bilder
Video	Eingebettetes Video	YouTube- und/oder Vimeo-URL

Block	Beschreibung	Wichtige Felder
Menü	Zeigt ein bestehendes Menü als Block an	Menü auswählen, Darstellung (vertikal/horizontal)

Nützlich z. B. für ein Sidebar-Inhaltsverzeichnis oder eine Schnellnavigation innerhalb einer Seite.

Eigene Textfarbe pro Block

Die meisten Blöcke bieten ein optionales Feld Eigene Textfarbe. Tragen Sie dort einen Hex-Farbwert ein (z. B. #ffffff), um die Farbe für diesen einzelnen Block zu überschreiben. Lassen Sie das Feld leer, werden die zentralen Textfarben aus den Einstellungen verwendet.

Bilder in den Blöcken Bild und Galerie lassen sich auf der Website anklicken. Sie öffnen sich dann vergrößert in einer Lightbox. In Galerien können Besucher mit den Pfeiltasten zwischen Bildern wechseln.

Tipps für gute Seiten

Eine H1 pro Seite — meist im Hero- oder Überschrift-Block ganz oben
Alt-Texte bei Bildern nicht vergessen (Barrierefreiheit & SEO)
CTA-Blöcke am Ende wichtiger Seiten für Kontakt oder nächste Schritte
Entwurf testen — veröffentlichen Sie erst, wenn der Inhalt stimmt

Nächster Schritt

→ Menüs · Medien