Seitenlayout im Layout Builder bearbeiten

Allgemein

Nachdem Sie einen Inhalt erstellt haben, werden Sie im Anschluss auf die Ansichts-Seite dieses weitergeleitet. Die bereits in Teilen beschriebene Aktionsleiste über dem eigentlichen Inhalt bietet neben den Optionen zum Bearbeiten, Löschen, oder Übersetzen des Inhaltstypen außerdem die Option das Layout anzeigen zu lassen. Hier wird es Ihnen, je nach Nutzerrolle und Berechtigung, ermöglicht, Layouts von Seiten von Grund auf neu anzulegen oder sie zu bearbeiten. Hierzu werden Seiten in Sektionen unterteilt, die verschiedene Blöcke enthalten. Änderungen können direkt in einer visuellen Vorschau vorgenommen werden.

Layout speichern

Nachdem eine Seite mit dem Layout Builder bearbeitet wurde, müssen die Änderungen explizit gespeichert werden. Der Button „Layout speichern“ sichert alle Anpassungen und stellt sie für andere Nutzer sichtbar bereit. Solange die Änderungen nicht gespeichert wurden, bleiben sie temporär, und nur für Sie im Layout sichtbar.

Änderungen verwerfen

Falls eine Bearbeitung nicht wie gewünscht verläuft, gibt es die Möglichkeit, Änderungen rückgängig zu machen. Über „Änderungen verwerfen“ werden alle seit dem letzten Speichern vorgenommenen Änderungen entfernt. Falls bereits gespeichert wurde, kann eine frühere Revision (siehe nächster Punkt) wiederhergestellt werden.

Revisionen & Versionierung

Drupal speichert automatisch eine Revision jeder gespeicherten Version einer Seite, es sei denn, diese Funktion wurde manuell über die Checkbox „Neue Revision erstellen“ deaktiviert. Über den Button „Revisionen“ in der Aktionsleiste am Anfang der jeweiligen Seite kann man eine Liste aller früheren Versionen einsehen. Jede Revision zeigt an, wer die Änderung vorgenommen hat und wann sie gespeichert wurde. Falls eine frühere Version wiederhergestellt werden soll, kann eine ältere Revision als neue aktuelle Version veröffentlicht werden.

Vorlagen und Standardwerte

Für eine große Menge von Seiten, wie beispielsweise Studiengänge, Fakultäten, Services oder Veranstaltungen, wurden Vorlagen und Standardlayouts erstellt. Sollten Sie alle vorgenommenen Änderungen einer Seite auf diesen Standard zurücksetzen wollen, können Sie dies jederzeit über „Auf Standardwerte zurücksetzen“ tun. Dabei gehen jedoch alle Änderungen verloren.

Abschnitte

Abschnitte sind die grundlegenden Bausteine einer Seite und dienen als Container für Inhalte. Jeder Abschnitt kann ein bestimmtes Spaltenlayout haben, das für die Struktur der Seite verantwortlich ist.

Abschnitt hinzufügen

Um einen neuen Abschnitt hinzuzufügen, wählen Sie im Layout Builder „Abschnitt hinzufügen“. Anschließend können Sie zwischen verschiedenen Spaltenlayouts wählen. In den meisten Fällen wird das einspaltige Layout genutzt. Nur in speziellen Fällen kommen zwei oder drei Spalten zum Einsatz.

Abschnitt konfigurieren

Nach der Auswahl des Layouts oder der nachträglichen Bearbeitung eines Abschnitts, können Sie die Konfiguration des Abschnitts in drei Tabs des Layout Builders anpassen: „Layout“, „Darstellung“ und „Einstellungen“.

Für das Layout gilt es Folgendes zu beachten:

Wählen Sie den Standardtyp für alle Blöcke, mit Ausnahme von Hero-Elementen (Level 1 und 2) und CTA-Sektionen. Diese sollten auf die „Keine“-Option eingestellt werden.
Für mehrspaltige Layouts können Sie die Spaltenaufteilung für unterschiedliche Bildschirmgrößen (Desktop, Tablet, Mobile) anpassen. In der Regel genügt es, die Standardwerte zu übernehmen.

Welche Abstände Sie wählen, macht in der Regel keinen großen Unterschied, da die einzufügenden Blöcke inhärent über Abstände verfügen. Sollten Sie ein mehrspaltiges Layout gewählt haben, haben Sie außerdem die Option, die Aufteilung der Spalten für verschiedene Ausgabegrößen (Desktop, Tablet, Mobile) zu wählen. In den meisten Fällen genügt, die Standards zu übernehmen. Nur in Ausnahmefällen wird es nötig sein, das Layout anders aufzuteilen.

Zusätzlich zum Layout selbst, können Sie die Darstellung der Sektion ändern. Auch hier gilt in der Regel, dass die meisten Blöcke bereits vordefinierte Designs implementieren, sodass das nachträgliche Einstellen des visuellen Erscheinungsbildes nicht notwendig sein wird. Was Sie hingegen des Öfteren einstellen müssen, sind vermutlich die Hintergrundfarben. Wählen Sie hierzu unter „Darstellung“ > „Hintergrund“ die passende Hintergrundfarbe aus. Beachten Sie, dass die Sekundärfarbe Hellblau sich je nach gefolgtem Farbschema der Seite verändert. Hintergründe mit Schraffur stehen hier ebenfalls zur Verfügung.

Nach dem Konfigurieren haben Sie die Option den Abschnitt hinzuzufügen, oder diesen zu aktualisieren.

Abschnitt löschen

Nicht mehr benötigte Abschnitte können über den „x-Button“ auf der linken Seite des Browserfensters gelöscht werden. Nach einem Bestätigungsdialog wird der Abschnitt entfernt.

Ankerfunktion (nur für Bereichsadministrator*innen möglich)

Um einen Anker auf einer Webseite zu platzieren, der es den Nutzern ermöglicht, zu einem bestimmten Punkt der Seite zu springen, können folgende Schritte durchgeführt werden:

Im Layoutmodus im entspechenden Block auf „Attribute verwalten“ klicken.

2. Im Anschluss auf „Attribute des Blocks“ klicken.

3. Unter „ID“ entsprechend ein Stichwort zur eindeutigen Identifikation festlegen (jedes Stichwort darf nur einmalig je Seite vergeben werden).

4. Aktualisieren und das Layout speichern.

5. Im Anschluss ist der Anker erreichbar, indem man dem normalen Seitenlink ein #-Zeichen und das entsprechende Stichwort hinzufügt:

Beispiel: www.uni-siegen.de/bereichsadministatorinnen-im-cms#fakultaeten

6. Um festgelegte Anker nun ganz oben auf der Seite per Klick erreichbar zu machen, müssen die entsprechenden Anker-Links in einem separaten Block als Link-Texte oder Link-Buttons zur Verfügung gestellt werden.

Beispiel: