Inhaltsteiler
Überblick
Name |
|
|---|---|
Ordner |
|
Styleguide |
Inhaltsverzeichnis
| Inhalt | ||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|
|
1. Einleitung
Um den Inhaltsbereich einer einzelnen Seite zu strukturieren gibt es die Möglichkeit einen Inhaltsteiler einzusetzen. Dabei wird ein entsprechender Bereich Inhaltsseite in zwei Spalten gegliedert. 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.
| Panel | ||||||||
|---|---|---|---|---|---|---|---|---|
| ||||||||
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 diesem Bereich in 2 Spalten unterteilt. Im Beispiel wurden die Seiteninhalte “Ü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.
| Info |
|---|
Siehe dazu Kapitel Auswahl der Seitenaufteilung |
2.2 Inhaltsteiler bei Marginalspalte
Ist die gesamte Seite in ein 3-spaltiges Layout aufgeteilt, kann die 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.
| Info |
|---|
Siehe dazu Kapitel Auswahl der Seitenaufteilung und Kapitel 7.5 Die 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.
| Info |
|---|
Siehe dazu Kapitel Auswahl der Seitenaufteilung und Kapitel 7.5 Die Marginalspalte |
| Panel | ||||||||
|---|---|---|---|---|---|---|---|---|
| ||||||||
3. Verwendung im SmartEdit |
3.1 Erstellen Inhaltsteiler
Schrittweise Erläuterung für die Erstellung eines neuen Seiteninhalts basierend auf der CMS-Vorlage “
Inhaltsteiler”
Symbol | Aktion | ||||
|---|---|---|---|---|---|
| 1 | Seite öffnen |  | |||
| 2 |  | Pattern im Inhaltsbereich hinzufügen, sortieren, entfernen |  | ||
| 3 |  | Seite erstellen & verknüpfen |  | ||
| 4 |  | Content-Klassen Ordner “Sonstige Darstellungsformen” auswählen
|  | ||
| 5 |  | Content-Klasse “Inhaltsteiler” auswählen
|  | ||
| 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.1.1 Bearbeiten 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 |
| 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.1.2
AdresseAufteilung der Seiteninhalte im Inhaltsteiler
3.1.3 Seiteninhalte
Symbol | Aktion | ||||||
|---|---|---|---|---|---|---|---|
| 1 |  .png?version=2&modificationDate=1724656700945&cacheVersion=1&api=v2&width=24){kind=icon} Adresse | Seiteninhalte |   | ||||
| 2 | Eingabe der Adresse (für eine detaillierte Darstellung auf der angezeigten Karte, ist eine vollständige Angabe aller Daten notwendig).
|  | 3 | Seite erstellen und verknüpfen | | ||
| 3 | Darstellung im SmartEdit nach Eingabe der Adresse |  | |||||
| 4 | Darstellung in der Seitenvorschau |  |
3.1.
34 Aktions-/Event-Karten
Soll für besondere Events oder bestimmte Aktionen eine individuell Karte verwendet werden, kann das über diesen Weg gemacht werden. Dafür benötigt man die bestimmte URL dieser Karte, um sie entsprechend einbinden zu können. Die URL der Karte wird dem Redakteur von GeoSN (https://www.geosn.sachsen.de/ ) zur Verfügung gestellt.
Symbol | Aktion | ||||
|---|---|---|---|---|---|
| 1 | | Für besondere Aktions-/Event-Karten ohne feste Adressen, geben Sie bitte hier die URL ein. |  | ||
| 2 | Eingabe der URL des Events
|  | |||
| 3 | Darstellung in der Seitenvorschau
|  |
| Panel | ||||||||
|---|---|---|---|---|---|---|---|---|
| ||||||||
4. Häufig gestellte Fragen (FAQ) |
Frage | Antwort |
|---|---|