Das Inhaltselement „Layouts“

Jeder Seite Ihrer Website im LINKEN CMS können Sie eines von zwei Seitenlayouts zuweisen. Benötigen Sie auf einer Seite mehr Flexibilität für die Anordnung von Inhalten, verwenden Sie Inhaltselemente des Typs Layout. Auf einer Seite können Sie beliebig viele Layouts mit unterschiedlicher Spaltenzahl anlegen und mit anderen Inhaltselementen vermischen, so dass ein-, zwei-, drei- und vierspaltige Bereiche auf der Seite beliebig wechseln. Zusammen mit den Gestaltungsmöglichkeiten für Inhaltselemente mit einer Reihe von Hintergrundfarben, legen Sie attraktive, übersichtliche Kachellayouts für Start- oder Themenseiten an.

Ein „Layout“ anlegen

Bevor Sie ein Layout verwenden, stellen Sie ein einspaltiges Layout für die Seite ein. Es eignet sich am besten dafür, durch Inhaltselemente des Typs Layout in mehrere Spalten unterteilt zu werden. Wechseln Sie in das Modul Seite und klicken Sie in der Hauptspalte auf + Inhalt um ein neues Inhaltselement zu erstellen. Klicken Sie in der Inhaltselementauswahl auf den Reiter Layouts. Dort entscheiden Sie sich für 2, 3 oder 4 Spalten. Wir zeigen Ihnen die Arbeit mit Layouts auf dieser Seite am Beispiel eines Elements mit 3 SpaltenWir beschreiben an anderer Stelle genauer, wie neue Inhaltselemente angelegt werden.

Inhalte im „Layout“ anlegen

Nachdem Sie das Layout angelegt haben, wird es im Modul Seite sofort angezeigt. Klicken Sie in den Spalten auf + Inhalt um Inhaltselemente anzulegen. Fast alle Inhaltselemente können in den Spalten angelegt werden. Die wenigen Ausnahmen betreffen Elemente wie das Karussell, die Platz benötigen und in den Spalten eines Layouts nicht gut aufgehoben sind.

Das „Layout“ konfigurieren

Ein frisch angelegtes Layout ist so konfiguriert, dass Sie es ohne weitere Änderungen nutzen können. Mit individuellen Anpassungen, können Sie seine Möglichkeiten für besondere Anwendungsfälle ausreizen.

Breite der Spalten

Sie ändern die Breite der Spalten, indem Sie auf dem Reiter Allgemein in der Palette Viewporteinstellungen abweichende Breiten auswählen. Bei neu angelegten Elementen ist für jeden Viewport und jede Spalte jeweils Standard für diesen Viewport eingestellt. Das bedeutet für die Breite der Spalten im Frontend auf den unterschiedlichen Viewports:

Viewport

Spaltenbreite für Layout 2 Spalten

Spaltenbreite für Layout 3 Spalten

Spaltenbreite für Layout 4 Spalten

Smartphone

100%100%100%

Kleines Tablet

50% ⬇️50%50%

Tablet

50%33% ⬇️33%

Desktop

50%33%25% ⬇️

Desktop groß

50%33%25%

Desktop sehr groß

50%33%25%

Damit die Spalten auf einem Smartphone „zusammenfallen“, also untereinander statt nebeneinander ausgegeben werden, brauchen Sie, wie Sie in obiger Tabelle sehen, nichts zu tun. Wählen Sie für einen Viewport eine abweichende Spaltenbreite, gilt der Wert ab den mit ⬇️ markierten Viewports auch für die nachfolgenden größeren Viewports. Oberhalb der markierten Viewports, gelten die abweichende Einstellungen bei Breite der Spalte nur für diesen Viewport.

Werden mehrere Spalten nebeneinander dargestellt, sollte deren Breite zusammen jeweils 100% ergeben. Es ergeben sich so unzählige Kombinationsmöglichkeiten, nicht alle davon sinnvoll.

Mit der Option Auf diesem Viewport ausgeblendet verstecken Sie den Inhalt der Spalte auf dem entsprechenden Viewport.

Höhe der Inhalte in den Spalten

Die Inhaltselemente in den Rasterelementen werden alle gleich hoch, wenn Sie im Reiter Weitere Optionen die Funktion Gleiche Höhe (nur bei einem Inhaltselement pro Spalte!) aktivieren. Inhalte mit geringer Höhe werden dabei denen mit größerer Höhe angepasst. Das funktioniert nur, wenn die Inhalte in einem Kasten dargestellt werden.

Inhalte in „Layouts“ bearbeiten und verschieben

In Layouts platzierte Inhaltselemente werden bearbeitet, in dem auf das Bleistift-Symbol zum Bearbeiten geklickt wird — wie bei allen anderen Elementen auch. Bereits angelegte Inhalte können per Drag and Drop zwischen den Spalten, aus einem Layout in ein anderes, aus der Hauptspalte in das Layout oder umgedreht verschoben oder kopiert werden.