Responsive Design – Informationen und Umstellung

Responsive Design

Durch Responsives Webdesign erkennt eine Webseite automatisch, auf welchem Gerät sie aufgerufen wird und lädt passend zum Gerät die optimale Ansicht.

Die Darstellung auf den einzelnen Geräten – von Smartphone bis großem Breitbildbildschirm – unterscheidet sich etwas, aber es handelt sich trotzdem um die gleiche Webseite mit den gleichen Inhalten. Redakteurinnen und Redakteure müssen somit auch nur eine Seite pflegen, aber für die Ausgabe auf verschiedenen Geräten optimieren.

Responsives Design ist ein Standard im Web, kein Trend oder Mode.

Vorlagenausrollung

Im Laufe der zweiten Jahreshälfte von 2019 wurden die responsiven Vorlagen in alle FirstSpirit Projekte ausgerollt.

Seit dem stehen allen Redakteur*innen im Redaktionssystem FirstSpirit die neuen Vorlagen zur Verfügung, welche bis zu diesem Zeitpunkt fertig gestellt wurden. Die Entwicklung findet weiterhin statt, so dass einige Vorlagen ggf. noch folgen oder angepasst werden.

Beachten Sie bitte, dass es durch die Vorlagenausrollung in vielen Bereichen von FirstSpirit mehrere Reiter für Einstellungen pro Designausgabe gibt. Dies hängt mit der gleichzeitigen Bereitstellung von klassischem und responsive Design zusammen. Mehr hierzu entnehmen Sie bitte einzelnen Vorlagenanleitungen unserer Wissenssammlung.

Die Vorlagenausrollung ermöglicht lediglich den Zugriff auf die neuen Vorlagen – Ihr Webauftritt wurde nicht automatisch responsive online geschaltet!

Langfristig sollen alle Webseiten auf das responsive Design umgestellt werden, jedoch können Sie Ihre Seiten vorerst weiterhin im klassischen Design pflegen, sollte es Ihnen nicht möglich sein, zeitnah entsprechende Überprüfungen und Umstellungen durchzuführen.

Umstellung des Webauftritts

Die einzelnen Schritte einer Umstellung umfassen:

Für die Umstellungsarbeiten empfehlen wir die Verwendung beider Vorschaukanäle nebeneinander. Hierfür haben Sie verschiedene Möglichkeiten: Die Vorschau nutzen

Sie finden vorerst alle Informationen zu den einzelnen Bausteinen (Seiten-/Absatzvorlagen), insbesondere hinsichtlich Einsatzmöglichkeiten, im Elementekatalog. Sie finden diesen im Responsive Design Downloadbereich.

Zu den letzten Schritten beachten Sie bitte den Artikel Webauftritte responsive online schalten.

Die Wissenssammlung des Webteam wird sukzessive hinsichtlich geänderten und neuen Vorlagen angepasst, so dass Sie hier in naher Zukunft ebenfalls die wichtigsten Informationen zum Einsatz und Verwendbarkeit finden können.