Unterstützte Medienpräsentationsblöcke

Öffnen Sie das Fenster Blöcke in der rechten Seitenleiste (Plus-Symbol), um Blöcke nach Kategorie hinzuzufügen. Jeder der unten aufgeführten Blöcke kann Inhalte aus Medien und/oder Portfolio beziehen – wählen Sie zunächst die Darstellung aus und verknüpfen Sie dann die Elemente in Attr, nachdem Sie den Block auf der Arbeitsfläche ausgewählt haben. Layout-, Text- und Navigationsblöcke sind in Editor-Blöcke und Layout-Referenz aufgeführt.

Funktionsübersicht

Präsentationsblöcke verwandeln hochgeladene Inhalte in Geschichten: ein einzelnes redaktionelles Standbild, ein Korrekturraster, eine Karte mit geografischen Auswirkungen oder eine Hero-Reel im Vollbildmodus. Sie erstellen Ihre Inhalte unter Seiten → Bearbeiten; Besucher sehen das veröffentlichte Layout auf Ihrer Live-Website.

Besuchererlebnis	Konfiguriert in	Was passiert beim Klicken
Portfolio-Lightbox (Overlay)	Block „Bildportfolio“ + Portfolio-Einstellungen → Lightbox & Stil	Das Miniaturbild öffnet ein Vollbild- oder gerahmtes Overlay; „Zurück“/„Weiter“ bleiben auf der aktuellen Galerieseite, wenn die Paginierung aktiviert ist (siehe Einstellungen für die Portfolio-Lightbox).
Inline-Galerien auf der Seite	Bildgalerie, Videogalerie, vorgestellte Layouts, Slider, Inline-Video	Bilder und Videos bleiben auf der Seite – als Raster, Karussell oder mit Hauptbild- und Miniaturansicht-Navigation. Es gelten keine Portfolio-Lightbox-Einstellungen.

Architektur der Benutzeroberfläche

[Medienbibliothek + Portfolio-Sammlungen]
        |
        v
[Seiten → Bearbeiten → Block auf die Arbeitsfläche ziehen]
        |
        v
[Attribut-Panel: Quelle, Layout, Seitenverhältnis, Spalten, …]
        |
        v
[Speichern → Vorschau → Veröffentlichen]

Blockverzeichnis

Jede Layoutkonfiguration auf der Plattform ist nach dem entsprechenden Bereich im Seiten-Canvas-Editor organisiert.

Standardmedien

Pfad im Dashboard: Seiten → Bearbeiten → Seiteneditor → Medien

Vollständige Dokumentation: Standard-Medienblöcke

• Bild — Zeigt ein einzelnes responsives Standbild mit benutzerdefinierten Begrenzungen für das Seitenverhältnis und Alternativtext an.
• Video — Stellt einen nativen HTML5-Player aus Medien oder einer externen URL bereit, mit Voreinstellungen für Posterbild und Seitenverhältnis.
• Video-Lightbox — Zeigt ein Miniaturbild auf der Seite an; durch Anklicken wird eine fokussierte Vollbild-Wiedergabe geöffnet.
• Videohintergrund — Lässt das Video unter der Typografie und den Overlays, die Sie in den Abschnitt einfügen, in einer Schleife ablaufen (standardmäßig stummgeschaltete automatische Wiedergabe aus Gründen der Browserkompatibilität).

Portfolio-Bereitstellung

Pfad im Dashboard: Seiten → Bearbeiten → Seiteneditor → Portfolio

Vollständige Dokumentation: Blöcke zur Portfolio-Bereitstellung · Arbeitsablauf: Medien zu Seiten hinzufügen

• Bildergalerie – Mehrzeilige/mehrspaltige Raster mit handverlesenen Standbildern aus Medien (nicht an eine bestimmte Sammlung gebunden).
• Bildportfolio – Kuratierte Darstellung aus einer Portfolio-Sammlung – Raster, Masonry-Layout oder Karussell mit Steuerung des Seitenverhältnisses.
• Portfolio-Übersicht – Verzeichnisindex mehrerer Sammlungen – Raster, Liste oder Navigation per Registerkarten zu Untergalerien.
• Video-Portfolio – Videowand für Filmausschnitte und ausgewählte Videoclips aus Ihrer Bibliothek.
• Impact-Karte – Kartenbereich, in dem mit Geotags versehene Portfolio-Medien an Koordinaten verankert werden (optionaler Kampagnen-CTA).

Hero-Canvas

Pfad im Dashboard: Seiten → Bearbeiten → Seiten-Editor → Hero

Vollständige Dokumentation: Hero-Canvas-Blöcke

• Hero-Bild — Header in voller Breite, zentriert auf ein wirkungsvolles Standbild, mit Layout- und Overlay-Optionen.
• Hero-Video — Hero-Video mit hoher Bandbreite, inklusive Poster, Viewport-Größenanpassung und Landingpage-Layouts.
• Hero-Portfolio — Hebt eine übergeordnete Portfolio-Sammlung an den oberen Rand der Seite hervor.
• Glassmorphism-Hero — Hintergrundunschärfe und Glaseffekt über einem Hintergrundbild oder -video.
• Hero-Slider — Karussell im gesamten Viewport, das mehrere Hero-Folien durchläuft, mit optionalen CTAs.

Erweitert & Interaktiv

Pfad im Dashboard: Seiten → Bearbeiten → Seiteneditor → Erweitert

Vollständige Referenz: Erweiterte & interaktive Blöcke

• Bento Grid — Strukturiertes Raster, das unterschiedliche Mediengrößen, Statistiken, Zitate und Text nebeneinander ausgleicht.
• Vorher/Nachher-Slider — Interaktiver Split-Handle zum Vergleich von Original- und nachbearbeiteten Standbildern.
• Anzeigen-Einbettung — Isolierter Container für eine veröffentlichte Anzeigenplatzierung aus Ihren Dashboard-Einstellungen.

Anzeige & Feedback

Pfad im Dashboard: Seiten → Bearbeiten → Seiteneditor → Schieberegler oder Video

Vollständige Dokumentation: Anzeige- und Feedback-Blöcke

• Slider — Touch-freundliches horizontales Karussell für die Abfolge von Bildern innerhalb einer Spalte (kein ganzseitiges Hero-Bild).
• Videogalerie — Mehrspaltiges Raster, speziell für fortlaufende Videoinhalte konzipiert.
• Video-Kundenstimme — Zitat und Name eines Kunden neben einem Video-Wiedergabebereich.

Häufige Kernanwendungsfälle

• Landingpage: Hero-Slider oder Hero-Video + Bildportfolio-Raster unterhalb der Falz.
• Fallstudie: Vorher-Nachher-Slider + Bildergalerie mit ausgewählten Beispielen.
• Naturschutz / Reisen: Wirkungsübersicht + Spendenaufruf auf derselben Seite.
• Kunden-Freigabeprozess: Bildportfolio (Karussell), eingebettet in einen Portfolio-Datenschutz-Workflow – siehe Galerien und Portfolio.

Nächste Schritte & Validierung

1. Neu im Editor? Beginnen Sie mit der Einführung in den Seiteneditor und der Seitenleiste und Symbolleiste des Seiteneditors.
2. Lesen Sie Medien zu Seiten hinzufügen, um den gesamten Arbeitsablauf kennenzulernen.
3. Öffnen Sie die Kategorieseite für den Block, den Sie verwenden möchten (Links im Verzeichnis oben).
4. Fügen Sie einen Block auf einer Entwurfsseite ein, verknüpfen Sie Medien oder Portfolio und zeigen Sie vor der Veröffentlichung eine Vorschau für Mobilgeräte und Desktop an.