Layout eines Inhaltselements verändern

Angenommen Sie sind Redakteur des Kindergarten St. Franziskus in Neuses. Auf der Seite des „Pädagogischen Ansatzes“ befindet sich der Text aktuell auf der linken Seite, während sich das Bild rechts daneben befindet.

Ihr Ziel aber ist, beides zu tauschen, also das Bild links und der Text rechts. Ihr Ziel ist es also, das Layout der Seite so zu verändern, dass die Seite ihren Ansprüchen entspricht.

Die Ausgangssituation sieht wie folgt aus:

layout-eines-inhaltselements-veraendern-ziel

Einstellungen bearbeiten

In OpenCms ist das Layout eines Inhaltselements veränderbar. Um die Position der Bestandteile auf der Seite abzuändern, öffnen Sie die Einstellungen der Seite. Bewegen Sie die Maus auf die Zielscheibe des Elements, die sich rechts oben befindet.

layout-eines-inhaltselements-veraendern-zielscheibepng
inhaltselement-infos-zu-bildern-zahnrad

Von den Optionen, die Ihnen jetzt erscheinen, aktivieren Sie das Zahnrad.

Es taucht das Fenster „Element-Einstellungen“ auf. Für Sie ist der Bereich „Einstellungen“ relevant. Hier gibt es die Zeile „Layout“.

layout-eines-inhaltselements-veraendern-layout

Rechts davon befindet sich eine Leiste, die Sie mit dem kleinen Pfeil öffnen.

Wenn Sie daraufklicken, öffnet sich ein Dropdown, dass die verschiedenen Einstellungsmöglichkeiten zeigt.

layout-eines-inhaltselements-veraendern-layoutauswahl

Die einzelnen Bezeichnungen lassen gut erahnen, wie die Umsetzung aussieht. Da die Einstellung „Überschrift oben, Bild rechts, Text links (das Bild umfließend)“ vorliegt, klicken Sie jetzt auf die Auswahlmöglichkeit „Überschrift oben, Bild links, Text rechts (das Bild umfließend)“.

Diese Entscheidung beinhaltet, dass durch „das Bild umfließend“ Spalten von Text und Bild vermieden werden. Ebenso ist in dieser Wahl berücksichtigt, dass die Überschrift an oberster Position bleibt.

layout-eines-inhaltselements-veraendern-buttons

Bestätigen Sie anschließend ihre Auswahl mit dem unteren Feld „OK“. 

Ergebnis überprüfen

Nach Sie die Einstellungen vorgenommen und mit der „OK-Taste“ bestätigt haben, zeigt Ihnen OpenCms das neue Layout. Hier zur Kontrolle ein Ergebnis, wie es nach der Änderung aussehen könnte.

layout-eines-inhaltselements-veraendern-fertig

Natürlich können Sie mit dieser Vorgehensweise die Gestaltung der Seite auch wieder rückgängig machen oder andere Layoutoptionen testen. Wenn Ihnen die Gestaltung der Seite zusagt, müssen Sie die Änderungen wie immer veröffentlichen.