Medien zu Seiten hinzufügen
Fügen Sie im Blockbereich des Seiteneditors Bild-, Hero-, Galerie- oder Videoblöcke hinzu und wählen Sie anschließend unter Attr Dateien aus der Mediathek. Jeder Block steuert Layout und Wiedergabe auf der veröffentlichten Seite. Eine vollständige Übersicht der Medienblocktypen finden Sie unter Medien-Präsentationsblöcke.
Ihre Medien-Bibliothek ist die zentrale Datenquelle. Im Seiteneditor gestalten Sie, wie Ihre Arbeiten präsentiert werden. Ziehen Sie Blöcke auf die Arbeitsfläche, wählen Sie Dateien unter Medien aus und passen Sie das Layout im rechten Bereich Attribute an. Sie müssen Dateien nicht für jede Platzierung erneut hochladen.
Dateien behalten unter Medien ihre ursprünglichen Abmessungen. Zuschnitt und Bildausschnitt auf Ihrer Website werden pro Block gesteuert (Attribute → Seitenverhältnis), nicht in der Mediathek.
Sie wissen nicht, welcher Block zu Ihrer Geschichte passt? Beginnen Sie mit dem Verzeichnis Unterstützte Medien-Präsentationsblöcke und öffnen Sie anschließend die Kategorieseite mit Eigenschaften und Layoutoptionen.
Voraussetzungen
Dateien unter Medien (Fotos, Videos, Portfolio-Sammlungen)
Dashboard → Seiten → Bearbeiten → Registerkarte Seiteneditor
Präsentationsblöcke im Überblick
| Editor-Kategorie | Block | Am besten geeignet für |
|---|---|---|
| Medien | Bild | Einzelnes Standbild mit Seitenverhältnis, Alternativtext und optionalem Link |
| Medien | Video | Eingebetteter HTML5-Player aus der Mediathek oder über eine URL |
| Medien | Video-Lightbox | Vorschaubild öffnet eine fokussierte Wiedergabe |
| Medien | Video-Hintergrund | Schleifenhintergrund über die volle Breite mit darüberliegendem Inhalt |
| Portfolio | Bild-Portfolio | Eine Sammlung als Raster, Masonry-Layout oder Karussell |
| Portfolio | Bildergalerie | Manuell ausgewählte Standbilder aus Medien, nicht an eine Sammlung gebunden |
| Portfolio | Video-Portfolio | Kuratierte Videoauswahl aus der Mediathek |
| Portfolio | Portfolio-Liste | Mehrere Sammlungen als Raster, Liste oder Registerkarten |
| Portfolio | Impact Map | Portfolio mit Geodaten auf einer Karte (Anleitung zur Impact Map) |
| Hero | Hero-Bild | Standbild über die volle Breite mit Layoutvorgaben |
| Hero | Hero-Portfolio | Hero auf Grundlage einer Portfolio-Sammlung |
| Hero | Hero-Video | Video-Hero im Streaming-Stil |
| Hero | Glassmorphism-Hero | Unscharfes Glaspanel über Hintergrundmedien |
| Hero | Hero-Slider | Wechselnde Hero-Folien über den gesamten Ansichtsbereich |
| Erweitert | Bento-Raster | Gemischte Medien-, Statistik- und Zitatfelder |
| Erweitert | Vorher/Nachher-Slider | Vergleiche von Retusche oder Bearbeitung |
| Erweitert | Anzeigen-Einbettung | Iframe für eine veröffentlichte Anzeigenplatzierung |
| Slider | Slider | Bildkarussell innerhalb einer Spalte mit Galerie-Voreinstellung |
| Video | Videogalerie | Mehrspaltiges Videoraster |
| Video | Video-Testimonial | Zitat und Video nebeneinander |
Vertiefende Informationen: Standard-Medienblöcke, Portfolio-Auslieferungsblöcke, Hero-Arbeitsflächenblöcke, Anzeige- und Feedbackblöcke.
Umsetzungsschritte
- Laden Sie Dateien unter Medien hoch oder organisieren Sie sie dort sowie gegebenenfalls in Portfolio-Sammlungen. Warten Sie bei Videos die Transkodierung ab. Siehe Videos hochladen und verwalten.
- Öffnen Sie Seiten → Bearbeiten → Blöcke in der rechten Seitenleiste und fügen Sie einen Block hinzu, der Ihrem Layoutziel entspricht.
- Wählen Sie den Block auf der Arbeitsfläche aus. Legen Sie unter Attribute die Medien, Portfolio-Quelle, das Seitenverhältnis oder die Spalten fest.
- Wählen Sie bei Portfolio-Blöcken die Portfolio-Sammlung oder bei einer Portfolio-Liste mehrere Sammlungen aus.
- Fügen Sie bei einer Bildergalerie oder Videogalerie die Elemente im Blockbereich ausdrücklich aus Medien hinzu.
- Prüfen Sie die Vorschau für Desktop und Mobil, klicken Sie auf Seite speichern und veröffentlichen Sie sie, wenn sie bereit ist.
Portfolio-Präsentation auf Seiten
Portfolio-Blöcke beziehen Inhalte aus Portfolio-Sammlungen und nicht aus einer spontanen Mehrfachauswahl der allgemeinen Mediathek. Ausgenommen sind Bildergalerie und Videogalerie.
| Block | Quelle | Wichtige Optionen |
|---|---|---|
| Bild-Portfolio | Ein Portfolio | Layout: Raster, Masonry oder Karussell; Spalten; Abstand; Seitenverhältnis; Seitennavigation |
| Bildergalerie | Ausgewählte Bilder unter Medien | Rasterlayout; Alternativtext je Bild; Seitenverhältnis |
| Video-Portfolio | Videos unter Medien | Kuratierte Liste; Rasterwiedergabe |
| Portfolio-Liste | Mehrere Portfolios | Raster, Liste oder Registerkarten; Kartenstil; Schalter für Titel, Beschreibung und Anzahl |
| Impact Map | Portfolio mit Geodaten | Kartenlayouts; Zeitleiste; optionaler Spendenaufruf für Kampagnen |
Passen Sie die Lightbox der Sammlung und EXIF-Daten für die öffentliche Website unter Portfolio-Einstellungen an. Siehe Portfolio-Lightbox-Einstellungen.
Fehlerbehebung und häufige Stolperfallen
- Leerer Block nach dem Speichern: Portfolio-Blöcke benötigen ein ausgewähltes Portfolio. Galerieblöcke benötigen mindestens ein Bild oder Video unter Attribute.
- Falscher Zuschnitt auf der Live-Website: Prüfen Sie Seitenverhältnis und object-fit des Blocks. Heroes verwenden eigene Layoutvorgaben (Hero-Arbeitsflächenblöcke).
- Hero lädt langsam: Verwenden Sie weboptimierte Videos und Posterbilder. Sehr große Originale verlangsamen die erste Darstellung.
- Slider oder Hero-Slider: Verwenden Sie Hero-Slider für seitenbreite Heroes und Slider innerhalb von Spalten für Karussells im Inhalt.
Einrichtung überprüfen
- Mindestens ein Block verwendet die gewünschte Quelle unter Medien oder Portfolio.
- Zentrale Standbilder besitzen Alternativtexte; bei Videoblöcken ist ein Poster oder eine URL festgelegt.
- Desktop- und Mobilvorschau entsprechen der Geschichte, die Ihre Besucher sehen sollen.