Umstellung bestehender Webseiten auf neue Seitenvorlagen – so geht’s:
Sie möchten eine bestehende Webseite auf eine neue Seitenvorlage im neuen Layout wie z. B. Themenseite oder Landingpage umstellen? Die folgende Anleitung hilft Ihnen dabei, den Prozess reibungslos zu gestalten.
Mit dieser Schritt-für Schritt-Anleitung
- können Sie alles in Ruhe vorbereiten.
- bleibt die alte Seite während der Vorbereitung unverändert online verfügbar.
- sind Aktualisierungen an Ihrem bisherigen Webauftritt weiterhin möglich.
- bleiben bestehende Verlinkungen auf die betroffenen Seiten und Unterseiten nach der Umstellung erhalten.
2
true
Anleitung
Schritt 1: Neue Seite als Entwurf im DE-Baum vorbereiten
- Neuen Ordner anlegen
Erstellen Sie in Fiona einen neuen Ordner für die neue Seitenvorlage (z. B. Themenseite oder Landingpage). Es empfiehlt sich, den neuen Ordner auf derselben Ebene im Fiona-Baum anzulegen wie den bisherigen, z. B.:- uni-hamburg.de/forschung
- uni-hamburg.de/forschung-entwurf
- Fiona-Felder der Seitenvorlage ausfüllen
Füllen Sie alle erforderlichen Felder der neuen Seitenvorlage aus und setzen Sie „Im Menü anzeigen?“ auf „no“. - Neuen „_boxes“-Ordner anlegen
Die alten „_boxes“-Ordner sind für die neuen Seitenvorlagen nicht mehr gültig. Legen Sie deshalb auf der neuen Seite einen neuen „_boxes“-Ordner an. - Entwurf in Ruhe vorbereiten
Bereiten Sie die neue Seite in diesem Ordner gründlich vor – fügen Sie alle benötigten „_boxes-Elemente“, Texte und Bilder ein. - Entwurf überprüfen
Prüfen Sie den Entwurf gründlich mit der Vorschau-Funktion.
Tipps und Hinweise für die Erstellung des Entwurfs
- Redaktionelle Anpassungen
Die neuen Seitenvorlagen können nicht einfach ohne Anpassungen übernommen werden. Manchmal sind redaktionelle Veränderungen nötig wie z. B. neue Zwischenüberschriften, Anpassung von Bildformaten oder das Kürzen von Texten („weniger ist mehr“). - Seite aufräumen
Nutzen Sie die Umbaumaßnahmen, um das Backend Ihrer Seite aufzuräumen und bauen Sie nur die Elemente in das neue Layout ein, die für die neue Seite tatsächlich benötigt werden.
Schritt 2: Kopie des Entwurfs für den EN-Baum erstellen
- Entwurf in EN-Baum kopieren
Wenn der Entwurf im DE-Baum vollständig vorbereitet ist, kopieren Sie diesen unbedingt jetzt schon in den EN-Baum (Workflow > Teilbaum kopieren), um später mit der gleichen Struktur für die englische Seite weiterarbeiten zu können. - Englischen Entwurf vorbereiten
Die weitere Vorbereitung des englischen Entwurfs kann zu einem späteren Zeitpunkt erfolgen (siehe auch: Workflow für englische Übersetzung).
Schritt 3: Umstellung der Seite durchführen
- Geeigneten Zeitpunkt wählen
Nachdem der Entwurf im DE-Baum vorbereitet ist, erfolgt die Umstellung live auf der bisherigen, freigegebenen Webseite. Ihre Seite ist währenddessen nicht vollständig verfügbar. Wählen Sie daher für die Umstellung einen Zeitpunkt, an dem die Webseite nicht stark besucht ist und nehmen Sie sich ausreichend Zeit, damit Sie die Umstellung konzentriert in einem Rutsch erledigen können. - Seitenvorlage ändern
Ändern Sie unter „Vorlage“ die Seitenvorlage des bisherigen („alten“) Ordners auf die neue Vorlage (z. B. Themenseite oder Landingpage). - Alten „_boxes“-Ordner zurückziehen und umbenennen
Der alte „_boxes“-Ordner ist für die neuen Vorlagen nicht mehr gültig. Ziehen Sie diesen zurück, benennen Sie ihn in „_boxes-alt“ um und deaktivieren Sie ihn. - Neuen „_boxes“-Ordner ausschneiden und einfügen
Schneiden Sie nun mit dem Scheren-Werkzeug den neuen _boxes-Ordner aus Ihrem Entwurf aus (wichtig: nicht als Teilbaum kopieren!) und fügen Sie ihn in den neuen Seiten-Ordner ein. Auf diese Weise werden alle darin enthaltenen Boxes-Elemente mitgenommen und auch die Verknüpfungen zu Bildern und Verlinkungen bleiben bestehen. - Neuen „_boxes“-Ordner veröffentlichen
Veröffentlichen Sie den neuen „_boxes“-Ordner als kompletten Teilbaum („Workflow > Teilbaum freigeben“). - Benötigte Bilder veröffentlichen
Denken Sie auch daran, alle benötigten Bilder mit Alt-Texten und Copyright zu versehen und diese zu veröffentlichen. - Felder der neuen Seitenvorlage übertragen
Die neuen Seitenvorlagen haben andere Fiona-Felder als die alten Seiten-Ordner. Übertragen Sie die Felder nun händisch aus Ihrem vorbereiteten Entwurf in die umgestellte Seite.
Schritt 4: Veröffentlichung und Prüfung
- Seite freigeben
Geben Sie die umgestellte Seite frei. - Überprüfen Sie alles im Live-Auftritt
- Werden alle Elemente und Bilder angezeigt?
- Sind alle Verlinkungen korrekt?
- Haben Sie noch etwas übersehen oder vergessen?
- Bestehende Verlinkungen/Referenzen überprüfen
Es gibt häufig bereits Verlinkungen auf Ihre Seiten sowohl von anderen UHH-Seiten als auch von externen Seiten. Dazu zählen eventuell QR-Codes, URLs in Flyern, Rundmails oder Sprungmarken, die weiterhin zu Ihrer Seite führen sollen. Achten Sie darauf, dass bestehende Verlinkungen nach der Umstellung erhalten bleiben. In Fiona können Sie über „Details > Referenzen > Links auf diese Datei“ die Referenzen der alten Elemente überprüfen und die entsprechende Verlinkung auf die neuen Elemente ändern.
Schritt 5: Backend aufräumen
Löschen Sie nun alle Elemente, die nicht mehr benötigt werden:
- den temporären Ordner, in dem Sie den neuen Seitenentwurf vorbereitet haben
- den alten _boxes-Ordner, der in der alten Seitenstruktur zurückgezogen wurde.
Wenn sich Elemente nicht löschen lassen, müssen die entsprechenden Referenzen geprüft und erneuert werden. Diese müssen dann per Hand zu den neuen Elementen in den neuen _boxes-Ordnern korrigiert werden.
Workflow für die englische Übersetzung
- Entwurf in EN-Baum kopieren
Idealerweise haben Sie bereits wie in Schritt 2 beschrieben Ihren vorbereiteten DE-Entwurf in den EN-Baum kopiert. Wenn Sie diesen Schritt versäumt haben und Ihre DE-Seiten bereits umgestellt und online sind, können Sie den DE-Ordner alternativ auch händisch in den EN-Baum kopieren und umbennen in „xyz-entwurf“. Kopieren Sie anschließend aus dem DE-Baum den neuen _boxes-Ordner als ganzen Teilbaum (Teilbaum kopieren) und fügen diesen im EN-Baum in Ihren Entwurf ein. - Übersetzungen einpflegen
Übertragen Sie nun alle vorhandenen englischen Übersetzungen händisch aus dem bisherigen Live-Auftritt in den neuen Entwurf und ergänzen Sie fehlende Übersetzungen. - Verlinkungen anpassen
Denken Sie auch daran, die Verlinkungen im englischen Baum anschließend auf englische Pfade zu ändern.