Editorblöcke und Layout-Referenz
Verwenden Sie die Blöcke „Basic“, „Layout“, „Navigation“, „Blog-Übersicht“ und „Commerce“ aus dem Block-Bedienfeld für die Seitenstruktur und die Shop-Bereiche – die Blöcke „Medien“, „Portfolio“ und „Hero“ werden in den Anleitungen zu den Medien-Präsentationsblöcken beschrieben.
Auf dieser Seite sind Nicht-Medien-Blöcke und Layout-Primitive aufgeführt. Blöcke, die in erster Linie Medien, Portfolios, Hero-Bereiche oder Slider anzeigen, finden Sie im Abschnitt Unterstützte Medienpräsentationsblöcke mit ausführlichen Anleitungen für die einzelnen Kategorien.
Kernarchitektur & Felder
Ziehen Sie Blöcke aus dem Blöcke-Panel (rechte Seitenleiste → Blöcke-Symbol) in eine Spalte. Die meisten Seiten folgen diesem Aufbau:
Abschnitt → Zeile → Spalte(n) → Block(s)
Informationen dazu, wie Breite und Abstände auf den einzelnen Ebenen (Abschnitt vs. Zeile vs. Registerkarte „Stil“) funktionieren, finden Sie unter Seitenlayout und Inhalt.
Layout
| Block | Verwendung für |
|---|---|
| Abschnitt | Vertikaler Bereich in voller Breite; Layoutmodus, Höhe und Hintergrund in Attr (siehe Seitenlayout und Inhalt) |
| 1 Spalte | Einzelne Spalte in voller Breite |
| 2 Spalten | Inhalt im Verhältnis 50/50 aufteilen (in „Traits“ anpassen) |
| 3 Spalten | Funktionen, Preisstufen, Teamkarten |
| 4 Spalten | Dichte Reihen mit Symbolen oder Statistiken |
| Seitenleisten-Layout | Hauptspalte + Seitenleiste |
Zu den üblichen Zeilen-Traits gehören maximale Breite, Abstand und Innenabstand – siehe Seiteneditor-Seitenleiste und Symbolleiste.
Grundlagen
| Block | Verwendung für |
|---|---|
| Rich Text | Überschriften (H1–H6), Absätze, Links und Listen in einem Block – für alle neuen Texte verwenden |
| Text | Älterer Block für einfachen Absatztext (nur auf bestehenden Seiten) |
| Link | Eigenständiger Textlink |
| Schaltfläche | CTA-Schaltfläche mit URL |
| Zitat | Formatierung als Zitat |
| Textabschnitt | Vorformatierter Titel + Absatzbereich |
| Abstand | Flexibler vertikaler Abstand oder horizontale Trennlinie (Schieberegler Attr → Trennlinie, 0–8 px; 0 = nur Abstand) |
Navigation
| Block | Verwendung für |
|---|---|
| Navbar | Seiteninterne Navigationsleiste (veraltet/einfach) |
| Fußzeile einfach | Seiteninterne Fußzeile (veraltet/einfach) |
Für die seitenübergreifenden Kopf- und Fußzeilenelemente wird der Kopf-/Fußzeilen-Vorlageneditor verwendet (spezielle Blöcke und Voreinstellungen – nicht diese Seitenblöcke): Kopfzeile, Fußzeile und Navigation.
Hero (struktureller Hinweis)
Hero-Blöcke sind medienorientiert. Verwenden Sie Hero-Canvas-Blöcke für Bild-, Video- oder Slider-Heroes.
Veröffentlichungen
Blöcke in der Kategorie Veröffentlichungen im Bereich Blöcke.
| Block | Verwendung für |
|---|---|
| Blog-Übersicht | Index der Beiträge auf der Website – Layout (Raster / Liste / Ausgewählte / Seitenleiste), Vorlagenstil, Paginierung, Kategorie-Registerkarten und Filter in Attr — Verwalten Sie Ihre Blog-Indexseite |
| Presse & Beiträge | Kuratierte Karten mit Links zu externen Artikeln, Interviews, Auszeichnungen und Presseberichten – Layout und Links in Attr |
Einrichtung des Blog-Index: Verwalten Sie Ihre Blog-Indexseite.
Externe Presse und Beiträge: Presse und Beiträge.
Erweitert (keine Medien)
| Block | Verwendung für |
|---|---|
| Bento-Raster | Gemischte Kacheln (Text + Bilder) |
| Vorher-Nachher-Slider | Vergleich zweier Bilder — Erweiterte interaktive Funktionen |
| Anzeigen-Einbettung | Platz für Anzeigen |
| Karte | Einbettung einer interaktiven Standortkarte in eine Seite – ideal für Galerieausstellungen, Treffen zu Fotografie-Workshops oder Wegbeschreibungen zum Studio — Eine Karte zu Seiten hinzufügen |
Produkte & Formulare
| Block | Verwendung für |
|---|---|
| Produktraster | Produktkarten im Shop |
| Kontaktformular | Integrierte Besucheranfragen direkt in Ihren Posteingang – Kontaktformular zu Seiten hinzufügen |
| CTA zentriert | Zentrierter Call-to-Action-Block – in eine Spalte einfügen (nicht in einen frei schwebenden Abschnitt). Einfarbige Füllfarbe unter Stil; Hintergrundbild und Deckkraft der Überlagerung unter Attribute |
| Feature-Karte / Feature-Raster | Service-Highlights, Ausrüstung, Auszeichnungen, Lehrplan — Feature-Karte und Feature-Raster |
| Kundenstimmen | Zitate als Social Proof |
CTA zentriert ist ein Inhaltsblock innerhalb der normalen Abschnitt → Zeile → Spalte-Struktur. Er ersetzt nicht die Layout-Steuerelemente des übergeordneten Abschnitts – verwenden Sie Seitenlayout und Inhalt für randlose Abschnitts-Hintergründe und die maximale Zeilenbreite um den CTA herum.
Commerce-Kontext: Commerce-Übersicht.
Medienblöcke (siehe anderen Abschnitt)
| Kategorie | Verzeichnisartikel |
|---|---|
| Bild, Video, Lightbox | Standard-Medienblöcke |
| Galerie, Portfolio, Impact-Map | Portfolio-Präsentationsblöcke |
| Hero-Bild/Video/Slider | Hero-Canvas-Blöcke |
Nächste Schritte & Überprüfung
- Fügen Sie auf einer Entwurfsseite einen Abschnitt → 2 Spalten → Rich Text + Schaltfläche hinzu.
- Speichern Sie die Seite und zeigen Sie eine Vorschau in der Breite für Mobilgeräte an.
- Wählen Sie für Ihren nächsten Abschnitt einen Medienblock aus den Unterstützten Medienpräsentationsblöcken aus.