Migration von Text mit Bild

Das ältere Inhaltselement Text mit Bild wird im Rahmen der zweiten Migrationsphase in das neue Inhaltselement Text & Medien überführt.

Allgemeine Hinweise

Dabei gilt grundsätzlich:

Inhalte werden soweit möglich in das neue Inhaltselement übernommen.
Die Darstellung von Bild und Text kann sich nach der Migration verändern.
Elemente ohne verwertbaren Inhalt werden nicht leer ausgegeben, sondern entfernt.
Bitte prüfen Sie die migrierten Elemente nach der Migration im Frontend.

Neues Inhaltselement „Text & Medien“

Das bisherige Inhaltselement Text mit Bild wird in das neue Inhaltselement Text & Medien migriert.

Was ändert sich?

Text und Bild werden in das neue Inhaltselement Text & Medien übernommen.
Die technische Ausgabe wird vereinheitlicht.
Die Darstellung wird robuster, insbesondere bei Elementen mit fehlendem Text oder fehlendem Bild.
Für das Inhaltselement stehen künftig vier konkrete Bildvarianten zur Verfügung.
Die Bilddarstellung wird flexibler und kann über die Tabs Medien und Erscheinungsbild gesteuert werden.
Für Bilder stehen je nach gewählter Bildvariante unterschiedliche Größen und Cropping-Varianten zur Verfügung.
Für das Inhaltselement können Hintergrundfarben ausgewählt werden.
Die Überschrift wird immer oberhalb von Bild und Text ausgegeben.
Bilder werden nun ausgehend von der Bildmitte gecroppt. Dadurch kann sich der sichtbare Bildausschnitt nach der Migration verändern.

Bitte prüfen Sie nach der Migration insbesondere, ob Bildvariante, Bildgröße, Bildausschnitt, Hintergrundfarbe und mobile Darstellung weiterhin passend sind.

Hintergrundfarben

Für das Inhaltselement Text & Medien stehen mehrere Hintergrundfarben zur Auswahl. Die Auswahl erfolgt im Tab Erscheinungsbild über das Feld Layout.

Zur Auswahl stehen:

ohne Hintergrundfarbe – Standard
Hellgrau
Hellblau
Dunkelgrau
Gelb

Bitte prüfen Sie nach der Migration, ob die gewählte Hintergrundfarbe weiterhin zum Inhalt passt und ob Text, Links und Bildunterschriften gut lesbar sind.

Bilddarstellung

Im Inhaltselement Text & Medien stehen vier Bildvarianten zur Verfügung:

Bild oben, volle Breite – Standard bei Elementen nur mit Bild
Bild oben, mittig auf Hintergrund
Bild im Text rechts – Standard bei Elementen mit Bild und Text
Bild im Text links

Je nach gewählter Bildvariante unterscheiden sich Bildposition, Bildgröße und Cropping-Optionen.

Im Bildeditor gibt es zwei getrennte Cropping-Bereiche:

Bild im Text
Bild über dem Text

Bitte achten Sie darauf, den Cropping-Bereich zu bearbeiten, der zur gewählten Bildvariante passt.

Bild im Text

Bei den Varianten Bild im Text rechts und Bild im Text links wird das Bild neben dem Text ausgegeben. Die Variante legt fest, ob das Bild rechts oder links neben dem Text steht.

Die Auswahl erfolgt im Tab Medien im Bereich Galerieeinstellungen unter Position und Ausrichtung.

Die Bildgröße wird im Tab Erscheinungsbild über das Feld Rahmen ausgewählt.

Verfügbare Bildgrößen

Für Bild im Text stehen drei Größen zur Verfügung:

S: 20 %
M: 35 % – Standardgröße
L: 50 %

Diese Größen gelten sowohl für Querformatbilder als auch für Hochformatbilder.

Migration

Bei der Migration werden Bildvariante und Bildgröße automatisch gesetzt:

Elemente mit Bild und Text werden je nach bisheriger Ausrichtung als Bild im Text rechts oder Bild im Text links migriert.
Querformatbilder werden in die Größe M migriert.
Hochformatbilder werden in die Größe S migriert.
Elemente ohne Text werden in die Variante Bild oben, mittig auf Hintergrund mit der Größe M migriert.

Nach der Migration können Bildvariante und Bildgröße bei Bedarf angepasst werden.

Cropping für „Bild im Text“

Für Bild im Text stehen im Cropping-Tool eigene Seitenverhältnisse zur Verfügung.

Standard ist:

Frei

Weitere mögliche Seitenverhältnisse sind:

16:9
3:2
1:1
3:4
2:3
9:16
4:3

Bitte prüfen Sie nach der Migration, ob der Bildausschnitt weiterhin passend ist. Da Bilder nun ausgehend von der Bildmitte gecroppt werden, kann sich der sichtbare Ausschnitt gegenüber der bisherigen Darstellung verändern.

Bild oben

Bei den Varianten Bild oben, volle Breite und Bild oben, mittig auf Hintergrund wird das Bild oberhalb des Textes ausgegeben.

Die Auswahl erfolgt im Tab Medien im Bereich Galerieeinstellungen unter Position und Ausrichtung.

Bild oben, volle Breite

Bei dieser Variante wird das Bild über die gesamte verfügbare Spaltenbreite dargestellt.

Diese Variante ist der Standard, wenn das Element nur ein Bild enthält. Elemente mit der Darstellung Bild oben werden als Bild oben, volle Breite mit der Bildgröße M migriert.

Bild oben, mittig auf Hintergrund

Bei dieser Variante wird das Bild mittig dargestellt. Freie Flächen rechts und links werden mit einer dunkelgrauen Hintergrundfarbe aufgefüllt.

Die Bildgröße wird im Tab Erscheinungsbild über das Feld Rahmen ausgewählt.

Verfügbare Bildgrößen für „Bild oben“

Für Bild oben stehen drei Größen zur Verfügung:

S: 4:1
M: 21:9 – Standardgröße
L: 16:9

Cropping für „Bild oben“

Für Bild oben stehen im Cropping-Tool eigene Seitenverhältnisse zur Verfügung.

Standard ist:

Frei

Weitere mögliche Seitenverhältnisse sind:

16:9
2:1
5:2
3:1
4:1
21:9

Bitte prüfen Sie nach der Migration, ob der Bildausschnitt weiterhin passend ist. Auch hier kann sich der sichtbare Ausschnitt verändern, da Bilder nun ausgehend von der Bildmitte gecroppt werden.

Elemente ohne Text

Wenn ein Element nur ein Bild enthält, hängt die Migration von der bisherigen Darstellung ab.

Was ändert sich?

Elemente mit der bisherigen Darstellung Bild oben werden als Bild oben, volle Breite mit der Bildgröße M migriert.
Elemente mit der bisherigen Darstellung Bild im Text rechts oder Bild im Text links, aber ohne Text, werden als Bild oben, mittig auf Hintergrund mit der Bildgröße M migriert.

Dadurch wird verhindert, dass ein Bild ohne Text in einer für Bild-Text-Kombinationen vorgesehenen Darstellung ausgegeben wird.

Bitte prüfen Sie nach der Migration, ob die automatisch gesetzte Bildvariante für das jeweilige Element passend ist.

Mobile Darstellung

In der mobilen Ansicht wird die Darstellung automatisch angepasst.

Was ändert sich?

Bilder werden mobil immer oberhalb des Textes ausgegeben.
Das Bild wird mobil über die volle verfügbare Breite dargestellt.
Die Darstellung erfolgt mit dunkelgrauem Hintergrund.
Das Bild behält dabei seine jeweilige Ratio.
Dadurch wird verhindert, dass Bild und Text in schmalen Ansichten zu gedrängt nebeneinander dargestellt werden.

Bitte prüfen Sie nach der Migration, ob Bild und Text in der mobilen Ansicht gut lesbar und stimmig ausgegeben werden.

Empfohlene Bildgröße

Für eine gute Darstellungsqualität empfehlen wir Bilder mit einer Mindestbreite von 870 Pixeln.

Kleinere Bilder können je nach gewählter Darstellung und Ausgabegröße unscharf oder qualitativ schlechter wirken.

Lightbox

Die Lightbox-Funktion kann für Bilder im Inhaltselement Text & Medien flexibel genutzt werden.

Die Lightbox wird im Tab Medien im Bereich Verhalten über die Option Bei Klick vergrößern aktiviert oder deaktiviert.

Was ändert sich?

Die Lightbox kann für alle Bildformate aktiviert oder deaktiviert werden.
Je nach Inhalt kann entschieden werden, ob ein Bild zusätzlich in einer größeren Ansicht geöffnet werden soll.

Tipp: Aktivieren Sie die Lightbox nur, wenn das Originalbild deutlich größer ist als die im Frontend angezeigte Bildversion. Ist das Originalbild nicht wesentlich größer, bietet die Lightbox keinen erkennbaren Mehrwert.

Bitte prüfen Sie nach der Migration, ob die Lightbox-Einstellung für das jeweilige Bild sinnvoll ist.

Was sollten Sie nach der Migration prüfen?

Bitte prüfen Sie insbesondere:

ob Text, Bild und Bildunterschrift vollständig übernommen wurden,
ob die gewählte Bildvariante und Bildgröße weiterhin zum Inhalt passen,
ob der Bildausschnitt nach der Migration stimmig ist,
ob Bild und Text in der mobilen Ansicht passend ausgegeben werden,
ob die Lightbox-Einstellung sinnvoll ist,
ob Links, Alternativtexte und Bildunterschriften weiterhin korrekt und aktuell sind.

Die Migration übernimmt vorhandene Inhalte technisch. Sie ersetzt jedoch keine redaktionelle Prüfung von Texten, Bildern, Bildgrößen, Bildausschnitten, Alternativtexten, Bildunterschriften, Links, Hintergrundfarben und Darstellung.