Responsive Design

Mit dem Release 2015.1 wurde ein Responsive Design eingeführt. Dadurch ist eine dreigeteilte Auslieferung der Webseiten in Fiona möglich: Die Seiten werden optimiert für den Desktop, die Ansicht auf Tablets und kleinere Mobilgeräte. Die Auswahl geschieht automatisch – für Sie als Redakteurin und Redakteur ändert sich kaum etwas.

Nur bei den Boxenelementen der rechten Spalte sollten Sie sich überlegen, ob bestimmte Elemente wie Kontaktboxen vor den Elementen der linken Spalte platziert werden sollen. Ist dies der Fall, können Sie dies über die entsprechende Funktion bei den Elementen der rechten Spalten einstellen.

Darüber hinaus werden die einzelnen Elemente und Bilder automatisch an die Breite angepasst. Im Hauptinhalt eingefügte Bilder sollten nicht breiter sein als 480px, da diese ansonsten abgeschnitten werden.

Die unterschiedlichen Versionen sehen wie folgt aus:

Durch das Responsive Design spielt die Gestaltung des Hauptinhaltes eine deutlich wichtigere Rolle – zumindest für die Mobilansicht. Grafiken, die größer als 480px sind, werden in der Mobilansicht gegebenfalls nicht korrekt angezeigt. Es empfiehlt sich daher, Grafiken nicht größer als 480px auszuführen. Ansonsten droht in der Mobilansicht Informationsverlust. Dies betrifft nur im Hauptinhalt gestaltete Grafiken, nicht über spezielle Felder hinzugefügte Bilder. Diese werden entsprechend skaliert.