Versionen im Vergleich

Schlüssel

  • Diese Zeile wurde hinzugefügt.
  • Diese Zeile wurde entfernt.
  • Formatierung wurde geändert.

Inhaltsteiler

Überblick

Name

contentclass-snippet.gifInhaltsteiler

Ordner

folderopen.gifSonstige DarstellungsformenInhalts - Template

Styleguide

https://www.styleguide.sachsen.de/inhaltsteiler-4978.html

Inhaltsverzeichnis

Inhalt
minLevel1
maxLevel4
outlinefalse
stylenone
typelist
printabletrue


1. Einleitung

Um den Inhaltsbereich einer einzelnen Seite zu strukturieren gibt es die Möglichkeit einen Inhaltsteiler einzusetzen. Dabei wird ein entsprechender bestimmter Bereich Inhaltsseite der Seite in zwei Spalten gegliedertaufgeteilt. 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
panelIconId1f5a5
panelIcon:desktop:
panelIconText🖥️
bgColor#EAE6FF

2. Verschiedene Darstellungsmöglichkeiten

Darstellun_einzel.pngImage RemovedDartsellung_1.pngImage Added

2.1

GeoBAK-Karte als einzelner Seiteninhalt

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.

Info

Siehe dazu Kapitel Auswahl der Seitenaufteilung

Darstellun_marginal.pngImage RemovedDarstellung_2.pngImage Added

2.2

GeoBAK-Karte in der

Inhaltsteiler bei Marginalspalte

Ist die gesamte Seite in ein 3-spaltiges Layout aufgeteilt, kann die GeoBAK-Karte auch in der Marginalspalte verwendet werdender 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 6 Marginalinhalte in der Marginalspalte

Darstellun_Akkordeon.pngImage RemovedDarstellung_3.pngImage Added

2.3

GeoBAK-Karte als Akkordeoneintrag Je nach Seitenaufteilung (mit oder ohne Marginalspalte), variiert die Breite der Darstellung

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 AkkordeonKapitel Auswahl der Seitenaufteilung und Kapitel 7.6 Marginalinhalte in der Marginalspalte


Panel
panelIconId270f
panelIcon:pencil2:
panelIconText✏️
bgColor#FFEBE6

3. Verwendung im SmartEdit

3.1 Erstellen

GeoBAK-Karte

des Seiteninhalts “Inhaltsteiler”

Schrittweise Erläuterung für die Erstellung eines neuen Seiteninhalts basierend auf der CMS-Vorlage “contentclass-snippet.gifGeoBAK-KarteInhaltsteiler

Symbol

Aktion

1

Seite öffnen

seite_oeffnen_green.png
2icon_reddot_multilink.png

Pattern im Inhaltsbereich hinzufügen, sortieren, entfernen

Pattern_hinzufuegen.pngImage Removed

Seiteninhalte

Seiteninhalte_allgemein.pngImage Added
3AMnu_ConnectNewPage.gif

Seite erstellen & verknüpfen

seite_erstellen_green.png
4folderopen.gif

Content-Klassen Ordner “IntegrationenInhalts-Templates” auswählen

Hinweis

Das Bildschirmfoto bildet eine allgemeine Darstellung aller Content-Klassen Ordner ab. Kann ggf. abweichen.

content_klasse-waehlen-green.pngImage RemovedContent_Klassen-Ordner.pngImage Added
5contentclass-snippet.gif

Content-Klasse “GeoBAK-KarteInhaltsteiler” auswählen

Hinweis

Das Bildschirmfoto bildet eine allgemeine Darstellung von aller Content-Klassen Ordner ab. Kann ggf. abweichen.

template_waehlen_green.pngImage RemovedContent_Klassen.pngImage Added
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.
Diese Überschrift wird nicht auf der erstellten Seite angezeigt. Sie dient als CMS-interne Überschrift.

überschrift_seite_green.png
7

Mit “OK” bestätigen

ok_green.png
8

Darstellung nach Erstellung “GeoBAK-KarteInhaltsteiler

Dartsellung_nach_Auswahl.pngImage RemovedErstellen_Inhaltsteiler.pngImage Added


3.

1.1 Bearbeiten GeoBAK-Karte

2 Bearbeiten des Seiteninhalts “Inhaltsteiler”

Schrittweise Erläuterung für das Bearbeiten eines neuen Seiteninhalts basierend auf der CMS-Vorlage “contentclass-snippet.gif GeoBAK-Karte Inhaltsteiler”.

Darstellung nach erstellen “GeoBAK-Karte”“Inhaltsteiler”. Der Seiteninhalt ist zur Bearbeitung geöffnet. Eine Überschrift und Kurzbeschreibung wurde im Beispiel bereits hinzugefügt.

Bearbeiten.pngImage RemovedBearbeiten_Inhaltsteiler.pngImage Added

siehe dazu Abschnitt 3.1.3 Aktions-/Event-Karten

Bezeichnung

Beschreibung

icon_reddot_openpage (1).pngGeoBAK-Karte Inhaltsteiler öffnen

Seiteninhalt zur Bearbeitung öffnen

icon_reddot_closepage (1).pngGeoBAK-Karte Inhaltsteiler schließen

Bearbeitung beenden

icon_reddot.pngImage Removed Überschrift

Einfügen einer Überschrift (optional)

icon_reddot.pngImage Removed Kurzbeschreibung

einleitender Text für kurze Beschreibung des Inhalts (optional)

icon_reddot.pngImage Removed App-Name

Name der App (optional). Dieser Name wird nicht dargestellt, sondern dient der Identifizierung in der URL.

icon_reddot.pngImage Removed Für besondere Aktions-/Event-Karten ohne feste Adressen, geben Sie bitte hier die URL ein.

icon_reddot.pngImage Removed Adresse

Eingabe der auf der Karte anzuzeigende Adresse, siehe Abschnitt. Siehe dazu Abschnitt 3.1.2 Adresse.

3.1.2 Adresse

icon_reddot_multilink (1).pngImage Added Seiteninhalte

Seiteninhalte in linke Spalte erstellen. Die einzelnen Schritte sind im Abschnitt 3.2.2 Seiteninhalte erklärt.

icon_reddot_multilink (1).pngImage Added Marginalinhalte

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.
Die einzelnen Schritte sind im Abschnitt 3.2.3 Marginalinhalte erklärt.

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 Marginalspalteund Kapitel 6 Auswahl der Seitenaufteilung).

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.

Aufteilung_Inhaltsteiler_markiert.pngImage Added

3.2.2 Seiteninhalte

Symbol

Aktion

1icon_reddot.pngImage Removed

Für besondere Aktions-/Event-Karten ohne feste Adressen, geben Sie bitte hier die URL ein.

Event_Karten.pngImage Removed2

Eingabe der URL des Events

  • die URL für bestimmte Karten können von GeoSN bezogen werden. Für Fragen diesbezüglich kann sich an die Onlineredaktion gewendet werden.

  • im Beipspiel wurde die URL für Events zum Tag der deutschen Einheit verwendet.

  • mit “OK” bestätigen

Eventkarte_url.pngImage Removed3

Darstellung in der Seitenvorschau

Info

Kartenviewer ist im SmartEdit deaktiviert.

Darstellung_Eventkarte_Seitenvorschau.pngImage Removed

Symbol

Aktion

1icon_reddot.pngImage Removedicon_reddot_multilink (1).pngImage Added

Adresse

Seiteninhalte

Auswahl_Adresse.pngImage RemovedSeiteninhalte_Inhaltsteiler.pngImage Added
2

Eingabe der Adresse (für eine detaillierte Darstellung auf der angezeigten Karte, ist eine vollständige Angabe aller Daten notwendig).

  • es ist zu beachten, dass “ß” durch “ss” zu ersetzen ist

  • mit “OK” bestätigen

Info

Ist eine feste Adresse nicht bekannt, kann die Möglichkeit “Aktions-/Event-Karten” verwendet werden. Eine schrittweise Erklärung findet sich im Abschnitt 3.1.3 Aktions-/Event-Karten.

Adresseingabe.pngImage Removed3

Darstellung im SmartEdit nach Eingabe der Adresse

Darstellung_nach_Adresseingabe_smartedit.pngImage Removed4

Darstellung in der Seitenvorschau

Darstellung_nach_Adresseingabe_seitenvorschau.pngImage Removed

3.1.3 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.

AMnu_ConnectNewPage.gifImage Added

Seite erstellen und verknüpfen

seite_erstellen_green.pngImage Added
3folderopen.gifImage Added

Content-Klassen-Ordner auswählen

Hinweis

Das Bildschirmfoto bildet eine allgemeine Darstellung aller Content-Klassen Ordner ab. Kann ggf. abweichen.

Content_Klassen-Ordner.pngImage Added
4contentclass-snippet.gifImage Added

Content-Klasse auswählen

Hinweis

Das Bildschirmfoto bildet eine allgemeine Darstellung aller Content-Klassen Ordner ab. Kann ggf. abweichen.

Content_Klassen.pngImage Added
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 7.6 Marginalinhalte in der Marginalspalte)

Dartsellung_Seiteninhalt.pngImage Added

3.2.3 Marginalinhalte

Symbol

Aktion

1icon_reddot_multilink (1).pngImage Added

Marginalinhalte

Marginalinhalte_Inhaltsteiler.pngImage Added
2AMnu_ConnectNewPage.gifImage Added

Seite erstellen und verknüpfen

seite_erstellen_green.pngImage Added
3folderopen.gifImage Added

Content-Klassen-Ordner auswählen

Hinweis

Das Bildschirmfoto bildet eine allgemeine Darstellung aller Content-Klassen Ordner ab. Kann ggf. abweichen.

Content_Klassen-Ordner.pngImage Added
4contentclass-snippet.gifImage Added

Content-Klasse auswählen

Hinweis

Das Bildschirmfoto bildet eine allgemeine Darstellung aller Content-Klassen Ordner ab. Kann ggf. abweichen.

Content_Klassen.pngImage Added
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 7.6 Marginalinhalte in der Marginalspalte

Dartsellung_Marginalinhalt.pngImage Added

Panel
panelIconId1f50d
panelIcon:mag:
panelIconText🔍
bgColor#E3FCEF

4. Häufig gestellte Fragen (FAQ)

Frage

Antwort