Migration der Zitatbox

Das ältere Inhaltselement Zitatbox wird im Rahmen der zweiten Migrationsphase in ein neues Inhaltselement „Zitat“ überführt.

Allgemeine Hinweise

Für Zitatboxen gilt:

Zitate werden in das neue Inhaltselement „Zitat“ migriert.
Die vorhandenen Felder werden übernommen.
Wenn der eigentliche Zitat-Text leer ist, wird das Element gelöscht.
Wenn nur der Text neben dem Zitat leer ist, wird nur das Zitat übernommen.
Die Darstellung kann nach der Migration leicht anders wirken, insbesondere bei Bildausschnitt, Bildgröße und Spaltenbreite.

Neues Inhaltselement „Zitat“

Für die Migration wurde ein neues Inhaltselement „Zitat“ angelegt.

Was ändert sich?

Die Inhalte aus der bisherigen Zitatbox werden übernommen.
Das neue Zitat-Element kann auch in Seitenspalten und Containern verwendet werden.
Übersetzungen und Feldbezeichnungen wurden angepasst.
Die Bildquelle wird künftig ausgegeben, sofern sie gepflegt ist.
Das Styling wurde überarbeitet.

Anpassung der Feldbezeichnung

Bei Inhaltselementen, deren Überschrift nicht im Frontend angezeigt wird, wurde die Feldbezeichnung angepasst:

alt: „Name (in der Webseite nicht sichtbar)“
neu: „Überschrift (in der Webseite nicht sichtbar)“

Damit wird Verwechslungen mit dem separaten Feld „Name“ vorgebeugt.

Migration mit Text neben dem Zitat

Wenn neben dem Zitat zusätzlicher Text vorhanden ist, wird das Element in einen zweispaltigen Container migriert.

Was ändert sich?

Die Migration erfolgt in einen 66:33-Container.
Links steht der Text.
Rechts steht das Zitat.
Die bisherige Grundstruktur „Text neben Zitat“ bleibt damit erhalten.
In der mobilen Ansicht steht das Zitat wie bisher unterhalb des Textes.

Hinweis zur Breite

Die neue Containerspalte ist etwas schmaler als die bisherige Darstellung der Zitatbox. Dadurch kann das Zitat nach der Migration etwas schmaler wirken.

Bitte prüfen Sie nach der Migration insbesondere, ob die Darstellung des Zitats im Frontend weiterhin passt.

Zitat ohne zusätzlichen Text

Wenn kein zusätzlicher Text neben dem Zitat vorhanden ist, wird nur das Zitat-Element migriert.

Was ändert sich?

Das Zitat wird nicht in einen zweispaltigen Container übernommen.
Es wird als eigenständiges Zitat-Element dargestellt.
In breiten Inhaltsspalten oder bei voller Seitenbreite wird ein neues breites Zitat-Styling verwendet.
Dabei steht das Bild links neben dem Text.

Das Verhalten orientiert sich optisch an der Teaser-Karte. Der Umbruch erfolgt beim Zitat jedoch früher, weil die Bildbreite bei etwa 430 Pixeln liegt.

Bilddarstellung und Bildausschnitt

Die Bilddarstellung wurde überarbeitet und an die Darstellung der Teaser-Karte angeglichen.

Was ändert sich?

Die Bildgrößen wurden etwas kleiner gewählt.
Das Bildformat wurde vereinheitlicht.
Cropping ist jetzt möglich und aktiv.
Für das Cropping ist das Seitenverhältnis 430:223 vorgesehen.
Der Bildausschnitt kann nach der Migration anders wirken als bisher.

Die neue Bildgröße wurde so gewählt, dass sie in verschiedenen Viewports stabiler und vorhersehbarer funktioniert als die bisherige Darstellung.

Bitte prüfen Sie nach der Migration bei Zitaten mit Bild insbesondere den Bildausschnitt und passen Sie ihn bei Bedarf neu an.

Bild bei Zitaten in schmaleren Spalten

Bei Zitaten in schmaleren Spalten kann der Umbruch früher erfolgen als bei vergleichbaren Teaser-Karten.

Was bedeutet das?

Das Bild nimmt im Zitat-Element immer etwa 50% des Inhaltsbereichs ein.
Dadurch kann der Text früher unter oder neben dem Bild umbrechen.
In einem 66:33-Container ist die Zitatspalte schmaler als die bisherige Darstellung.
Deshalb kann die Darstellung kompakter wirken als zuvor.

Bitte prüfen Sie nach der Migration besonders Zitate, die in Spalten oder Containern stehen.

Styling von Name und Position

Die Ausgabe von Name und Position wurde angepasst.

Was ändert sich?

Die Position wird jetzt in einer eigenen Spalte dargestellt.
Die Ausgabe erfolgt ohne Komma.
Die bisherige Zeichenbegrenzung für Name und Position wurde bereinigt beziehungsweise vereinheitlicht.

Dadurch wird die Darstellung klarer und konsistenter.

Was sollten Sie nach der Migration prüfen?

Bitte prüfen Sie insbesondere:

ob Zitate vollständig und korrekt übernommen wurden
ob der Bildausschnitt weiterhin passend ist
ob die Bildquelle korrekt angezeigt wird
ob die Darstellung in schmalen Spalten oder Containern weiterhin gut funktioniert
ob Name und Position korrekt dargestellt werden
ob Zitate mit zusätzlichem Text im Frontend optisch stimmig sind