Seitenelemente
Text
Text in Spalten
Nur Überschrift
Text & Bilder
Nur Bilder
Erscheinungsbild
Text mit Hintergrundfarbe
Text mit Hintergundbild
Akkordeon
Karussell
Kartengruppe
Galerie
Icons
Menü-Elemente
Karten von Unterseiten (Menu)
Karten (Menu)
Miniaturansichten der Unterseiten (Menu)
Miniaturansichten (Menu
Timeline
Datensatz einfügen
Text
Das Element „Text“ ist das wohl am häufigsten eingesetzte Seitenelement. Es kann mit einer Überschrift und RTE-Inhalten befüllt werden. Der Text, den Sie gerade lesen, wurde in ein Text-Element eingepflegt.
Text in Spalten
Dieses Inhaltselement ordnet den Text gleichmäßig in zwei Spalten an.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem.
Nur Überschrift
Mit dem Element „Nur Überschrift“ kann eine einzelne Überschrift angelegt werden. Es kann eingepflegt werden wie hier:
Überschrift
Text & Bilder
Das Inhaltselement „Text & Bilder“ ergänzt das Text-Element um ein Bild-Element, das hinzugefügt werden kann. Dessen Platzierung kann zudem bestimmt werden. Hier einige Beispiele.
Bild oben mittig
Diesem Element sind Bilder zugeordnet, welche „oben mittig“ ausgerichtet sind.
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.



Bild unten mittig
Diesem Element sind Bilder zugeordnet, welche „unten mittig“ ausgerichtet sind.
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

Bild rechts neben Text
Diesem Element ist ein Bild zugeordnet, welches „rechts neben dem Text“ ausgerichtet ist. Das Bild nimmt dabei in der ab einer Bildschirmbreite von 768px eine Breite von 50% ein.
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
Erscheinungsbild
Im Tab "Erscheinungsbild" in jedem Inhaltselement können mehrere Konfigurationen vorgenommen werden.
Layout (Inhalt): Definiert die max. Breite für den Inhalt – bspw. Bilder, die sich über die gesamte Browserbreite erstrecken oder sich am max. Inhaltsbereich orientieren.
Layout (Hintergrund): Definiert die max. Breite für den Hintergrund – wie beim Layout (Inhalt), aber auf die Hintergrundfarbe oder das -bild bezogen.
Hintergrundfarbe: Bietet eine Auswahl an vordefinierten Hintergrundfarben.
Hintergrundbild: Bietet die Möglichkeit ein Hintergrundbild auszuwählen und mit den "Optionen für Hintergrundbilder" anzupassen.
Optionen für Hintergrundbilder: Bietet einige Optionen, um das Hintergrundbild anzupassen – wie bspw. einen Parallaxeffekt oder Verblassen-Effekt zu aktivieren sowie einen Filtereffekt auszuwählen.
Abstand: Bietet die Möglichkeit, einen Abstand vor oder nach dem Element zu setzen.
Einrückungen: Bietet die Möglichkeit, Elementen links oder rechts einen zusätzlichen Abstand zu geben.
Nachfolgend einige Beispiele mit Text- und Bild-Elementen.
Text mit Hintergrundfarbe
Dieses Inhaltselement besitzt eine Hintergrundfarbe, die sich über die gesamte Breite erstreckt.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem.
Text mit Hintergundbild
Dieses Inhaltselement besitzt ein Hintergundbild, das sich nach der Höhe des Texts ausrichtet.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem.
Alternative mit weißer Transparenz
Text mit Hintergundbild
Dieses Inhaltselement besitzt ein Hintergundbild, das sich nach der Höhe des Texts ausrichtet.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem.
Akkordeon
Dieses Akkordeon Element beinhaltet lediglich Text.
In den Akkordeon-Optionen wurde definiert, dass dieses Element standardmäßig aufgeklappt ist.
Es können jedoch auch alle Akkordeon Elemente standardmäßig zugeklappt sein.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

Diese Akkordeon Element beinhaltet neben Text auch ein Bild unterhalb des Texts.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.



Diese Akkordeon Element beinhaltet neben Text auch mehrere Bilder unterhalb des Texts.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.


Diese Akkordeon Element beinhaltet neben Text auch mehrere Bilder rechts neben dem Text.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
Karussell
Das Karussell-Element ist ursprünglich als Slideshow mit mehreren Slides (Bild & Text) angedacht.
Es wird in diesem Projekt allerdings als Hero-Element direkt unterhalb des Headers (Kopfzeile mit Logo und Navigation) verwendet.
Dabei wird das Element im Backend-Layout im Abschnitt "Hero" eingefügt und nur ein Karussell-Element gepflegt, sodass keine Slideshow-Animation entsteht.
Es sollten nicht mehrere Elemente gepflegt werden, da Suchmaschinen dies abstrafen würden und Website-Besucher zudem dieses Element nicht nutzen würden.
Nachfolgend ein Beispiel eines Karussells über die gesamte Breite und nur mit einem Karussell-Element:
Karussell als Hero
Karussell nur Bilder
Karussell mit Text
Karussell mit Text (volle Breite)
Kartengruppe

Kartenüberschrift #1
In diesem Inhaltselement können mehrere Karten mit Überschrift, Bild, Text und Verlinkung gepflegt werden.
Die Anzahl der Spalten kann zwischen 1 und 4 konfiguriert werden.

Kartenüberschrift #2
Die Kartengruppe bietet die Möglichkeit, Teaser für interne Inhalte oder auch externe Seiten darzustellen.
Dieses Element verlinkt auf eine externe Website.

Kartenüberschrift #3
Dieses Element besitzt einen Link zu einer Bilddatei und öffnet sich in einem neuen Tab.
Der Linktitel kann je Karte individuell vergeben werden.
Galerie
Mit dem Inhaltselement "Gallery" können mehrere Bilder in einem einheitlichen Erscheinungsbild dargestellt werden.
Das Bild mit Originalmaßen kann per Klick in einer Lightbox angezeigt werden.
Das Seitenverhältnis und die Spaltenanzahl kann im Inhaltselement konfiguriert werden.
Icons
Mit den beiden nachfolgenden Inhaltselementen "Text und Icon" und "Icon-Gruppe" können Icons eingebunden werden.
Die Icons werden in einem projektspezifischen Icon-Set im System hinterlegt und können über ein Select-Ferld ausgewählt werden.
Text und Icon
Bei diesem Inhaltselement kann ein einzelner Text mit einem Icon gepflegt werden. Neben der Position des Icons kann auch die Größe konfiguriert werden.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem.
Text und Icon (Kreis)
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
Menü-Elemente
Die folgenden Inhaltselemente gehören zur Kategorie "Menü".
In den Inhaltselementen kann entweder eine Seite ausgewählt werden, dessen Unterseiten automatisch ausgegeben werden,
oder es können einzelne Seiten ausgewählt werden, mit dem Vorteil, die Reihenfolge anpassen zu können.
Die Inhalte wie Titel, Text, Bild und Verlinkung wird automatisch aus den Seiteneigenschaften der jeweiligen Seite gezogen.
Es gibt zwei Arten der Darstellung: Karten und Miniaturansichten.
Timeline
Dieses Timeline Item besitzt nur eine Jahreszahl und Text. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
Dieses Timeline Item besitzt ein Start- und Enddatum mit Text. Die Sortierung ist abhängig vom Startdatum.
Optionale Überschrift
Dieses Timeline Item besitzt zusätzlich ein optionale Überschrift. Aenean commodo ligula eget dolor. Aenean massa.
Optionale Überschrift
Dieses Timeline Item besitzt zusätzlich ein optinales Bild. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

Datensatz einfügen
Mit diesem Inhaltselement können bereits gepflegte Inhaltselemente referenziert werden. Wenn das Original angepasst wird, aktualisiert sich auch automatisch diese Referenz.
Hier ein Beispiel einer Referenzierung des Text-Elements vom Anfang dieser Seite:
Seitenelemente
Text
Text in Spalten
Nur Überschrift
Text & Bilder
Nur Bilder
Erscheinungsbild
Text mit Hintergrundfarbe
Text mit Hintergundbild
Akkordeon
Karussell
Kartengruppe
Galerie
Icons
Menü-Elemente
Karten von Unterseiten (Menu)
Karten (Menu)
Miniaturansichten der Unterseiten (Menu)
Miniaturansichten (Menu
Timeline
Datensatz einfügen