Inhaltsteiler
Überblick
Name |
|
|---|---|
Ordner |
|
Styleguide |
Inhaltsverzeichnis
1. Einleitung
Um den Inhaltsbereich einer einzelnen Seite zu strukturieren gibt es die Möglichkeit einen Inhaltsteiler einzusetzen. Dabei wird ein bestimmter Bereich der Seite in zwei Spalten aufgeteilt. Dies ermöglicht eine individuelle und flexible Anpassung und Aufteilung der Seite. So kann beispielsweise eine Marginalspalte in nur einem bestimmten Bereich der Seite dargestellt werden unabhängig von der Seitenaufteilung der gesamten Seite.
2. Verschiedene Darstellungsmöglichkeiten
2.1 Inhaltsteiler Text mit Bild und Kontakt
In der Abbildung erstreckt sich der Seiteninhalt Akkordeon im oberen Bereich über die volle Breite des Inhaltsbereichs. Der darunter befindliche Bereich ist ein Inhaltsteiler, welcher nur diesen Bereich in 2 Spalten unterteilt. Im Beispiel wurden die Seiteninhalte “ (ÜBT) Überschrift und Bild oder Bilderslider und Textabsatz” und “Kontakt” verwendet.
Je nach Seitenaufteilung (mit oder ohne Marginalspalte), variiert die Breite der Darstellung.
In der Beispielabbildung ist die Seitenaufteilung der gesamten Seite “Navigation-Inhalt breit” (ohne Marginalspalte) gewählt.
Siehe dazu Kapitel Auswahl der Seitenaufteilung
2.2 Inhaltsteiler bei Marginalspalte
Ist die gesamte Seite in ein 3-spaltiges Layout aufgeteilt, kann der Inhaltsteiler ebenfalls verwendet werden. Die Abbildung zeigt die selben Seiteninhalte wie in Abbildung 2.1 mit zusätzlicher Marginalspalte. In der Beispielabbildung ist die Seitenaufteilung “Navigation-Inhalt-Marginalspalte” (mit Marginalspalte) gewählt.
Siehe dazu Kapitel Auswahl der Seitenaufteilung und Kapitel 7.6 Marginalinhalte in der Marginalspalte
2.3 Inhaltsteiler Text und Kontakt
Auch in dieser Abbildung ist zu erkennen, wie sich der obere Seiteninhalt über die volle Breite erstreckt und die darunter liegenden Seiteninhalte sich durch einen Inhaltsteiler in 2 Spalten aufteilen.
In der Beispielabbildung ist die Seitenaufteilung der gesamten Seite “Navigation-Inhalt breit” (ohne Marginalspalte) gewählt.
Siehe dazu Kapitel Auswahl der Seitenaufteilung und Kapitel 7.6 Marginalinhalte in der Marginalspalte
3. Verwendung im SmartEdit
3.1 Erstellen des Seiteninhalts “Inhaltsteiler”
Schrittweise Erläuterung für die Erstellung eines neuen Seiteninhalts basierend auf der CMS-Vorlage “
Inhaltsteiler”
Symbol | Aktion | ||
|---|---|---|---|
| 1 | Seite öffnen |  | |
| 2 | 
| Seiteninhalte |  |
| 3 | 
| Seite erstellen & verknüpfen |  |
| 4 | 
| Content-Klassen Ordner “Inhalts-Templates” auswählen Das Bildschirmfoto bildet eine allgemeine Darstellung aller Content-Klassen Ordner ab. Kann ggf. abweichen. |  |
| 5 | 
| Content-Klasse “Inhaltsteiler” auswählen Das Bildschirmfoto bildet eine allgemeine Darstellung aller Content-Klassen Ordner ab. Kann ggf. abweichen. |  |
| 6 | Es erscheint ein Dialogfenster mit einem aus der Content-Klasse generierten Seitennamen, der mit der späteren Überschrift des neuen Seiteninhalts belegt werden sollte. |  | |
| 7 | Mit “OK” bestätigen |  | |
| 8 | Darstellung nach Erstellung “Inhaltsteiler” |  |
3.2 Bearbeiten des Seiteninhalts “Inhaltsteiler”
Schrittweise Erläuterung für das Bearbeiten eines neuen Seiteninhalts basierend auf der CMS-Vorlage “ Inhaltsteiler”.
Darstellung nach erstellen “Inhaltsteiler”. Der Seiteninhalt ist zur Bearbeitung geöffnet.
Bezeichnung | Beschreibung |
|---|---|
| Seiteninhalt zur Bearbeitung öffnen |
| Bearbeitung beenden |
| Seiteninhalte in linke Spalte erstellen. Die einzelnen Schritte sind im Abschnitt 3.2.2 Seiteninhalte erklärt. |
| Seiteninhalte in rechter Spalte erstellen. Die Marginalspalte im Inhaltsteiler verhält sich gleich zu der Marginalspalte bei der Seitenaufteilung, Sie ist schmaler als der Seiteninhalt. |
.png?version=1&modificationDate=1724407454097&cacheVersion=1&api=v2){kind=icon}
.png?version=1&modificationDate=1724407486521&cacheVersion=1&api=v2){kind=icon}
.png?version=2&modificationDate=1724656700945&cacheVersion=1&api=v2){kind=icon}
3.2.1 Aufteilung der Seiteninhalte im Inhaltsteiler
Bei der Verwendung des Seiteninhalts “Inhaltsteiler” sind folgende Dinge zu berücksichtigen.
Der Seiteninhalt “Inhaltsteiler” selbst nutzt die volle, ihm zur Verfügung stehende Breite des Inhaltsbereichs (siehe grüne Markierung) aus. Er verhält sich also genau wie die anderen Seiteninhalte auf der Seite. Innerhalb des Inhaltsteilers jedoch werden zwei Spalten erzeugt (siehe rote Markierungen) die aus dem Seiteninhalt (linke Spalte) und dem Marginalinhalt (rechte Spalte) bestehen. Der Inhaltsteiler ermöglicht damit das Verwenden einer Marginalpalte innerhalb eines bestimmten Bereiches der ganzen Seite (Siehe dazu auch Kapitel 7.6 Marginalinhalte in der Marginalspalte und Kapitel
Welche Seiteninhalte in den einzelnen Spalten verwendet werden, kann individuell den Bedürfnissen angepasst werden. In der Beispielabbildung wurde in der linken Spalte “Überschrift und Bild oder Bilderslider und Textabsatz” und in der rechten Spalte “Marginalbox” mit “Kontakt” verwendet. Siehe dazu auch Abschnitt 2. Darstellungsmöglichkeiten.
Das Erstellen der einzelnen Seiteninhalte und Marginalinhalte sind in den Abschnitten 3.2.2 Seiteninhalte und 3.2.3 Marginalinhalte beschrieben.
3.2.2 Seiteninhalte
Symbol | Aktion | ||
|---|---|---|---|
| 1 | .png?version=2&modificationDate=1724656700945&cacheVersion=1&api=v2&width=16&height=16){kind=icon}
| Seiteninhalte |  |
| 2 |
| Seite erstellen und verknüpfen | |
| 3 | | Content-Klassen-Ordner auswählen Das Bildschirmfoto bildet eine allgemeine Darstellung aller Content-Klassen Ordner ab. Kann ggf. abweichen. | |
| 4 | | Content-Klasse auswählen Das Bildschirmfoto bildet eine allgemeine Darstellung aller Content-Klassen Ordner ab. Kann ggf. abweichen. | |
| 5 | Darstellung nach Auswahl eines Seiteninhalts. Im Beispiel wurde “(ÜBT) Überschrift und Bild oder Bilderslider und Textabsatz” gewählt (die Beschreibungen der einzelnen Seiteninhalte sind in den entsprechenden Kapiteln zu finden, siehe dazu |  |
3.2.3 Marginalinhalte
Symbol | Aktion | ||
|---|---|---|---|
| 1 |
| Marginalinhalte |  |
| 2 |
| Seite erstellen und verknüpfen | |
| 3 | | Content-Klassen-Ordner auswählen Das Bildschirmfoto bildet eine allgemeine Darstellung aller Content-Klassen Ordner ab. Kann ggf. abweichen. | |
| 4 | | Content-Klasse auswählen Das Bildschirmfoto bildet eine allgemeine Darstellung aller Content-Klassen Ordner ab. Kann ggf. abweichen. | |
| 5 | Darstellung nach Auswahl eines Seiteninhalts. Im Beispiel wurde “Marginalbox” gewählt (die Beschreibungen der einzelnen Seiteninhalte sind in den entsprechenden Kapiteln zu finden siehe dazu |  |
4. Häufig gestellte Fragen (FAQ)
Frage | Antwort |
|---|---|