Zum Ende der Metadaten springen
Zum Anfang der Metadaten

Sie zeigen eine alte Version dieser Seite an. Zeigen Sie die aktuelle Version an.

Unterschiede anzeigen View Version History

« Vorherige Version anzeigen Version 6 Nächste Version anzeigen »

Inhaltsteiler

Überblick

Name

contentclass-snippet.gifInhaltsteiler

Ordner

folderopen.gifSonstige Darstellungsformen

Styleguide

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

Inhaltsverzeichnis


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.

2. Verschiedene Darstellungsmöglichkeiten

Dartsellung_1.png

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.

Siehe dazu Kapitel Auswahl der Seitenaufteilung

Darstellung_2.png

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.


Darstellung_3.png

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.




3. Verwendung im SmartEdit

3.1 Erstellen Inhaltsteiler

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

Symbol

Aktion

1

Seite öffnen

seite_oeffnen_green.png
2icon_reddot_multilink.png

Pattern im Inhaltsbereich hinzufügen, sortieren, entfernen

Pattern_hinzufuegen.png
3AMnu_ConnectNewPage.gif

Seite erstellen & verknüpfen

seite_erstellen_green.png
4folderopen.gif

Content-Klassen Ordner “Sonstige Darstellungsformen” auswählen

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

content_klasse-waehlen-green.png
5contentclass-snippet.gif

Content-Klasse “Inhaltsteiler” auswählen

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

template_waehlen_green.png
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 “Inhaltsteiler

Erstellen_Inhaltsteiler.png

3.1.1 Bearbeiten Inhaltsteiler

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

Darstellung nach erstellen “Inhaltsteiler”. Der Seiteninhalt ist zur Bearbeitung geöffnet.

Bearbeiten_Inhaltsteiler.png

Bezeichnung

Beschreibung

icon_reddot_openpage (1).png Inhaltsteiler öffnen

Seiteninhalt zur Bearbeitung öffnen

icon_reddot_closepage (1).png Inhaltsteiler schließen

Bearbeitung beenden

icon_reddot_multilink (1).png Seiteninhalte

Seiteninhalte in linke Spalte erstellen

icon_reddot_multilink (1).png 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

3.1.2 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) und bestehen aus dem Seiteninhalt (linke Spalte) und dem Marginalinhalt (rechte Spalte). Der Inhaltsteiler ermöglich damit das Verwenden einer Marginalpalte (siehe dazu Kapitel 7.5 Die Marginalspalte und Kapitel Auswahl der Seitenaufteilung) innerhalb eines bestimmten Bereiches der ganzen Seite. Dies ermöglicht eine flexible Verwendung einer Marginalspalte und deren individuellen Einsatz in den entsprechenden Bereichen der Seite.

Im Abschnitt 3.1.3 Seiteninhalte wird beschrieben, wie einzelne Seiteninhalte und Marginalinhalte erstellt werden können.

Aufteilung_Inhaltsteiler_markiert.png

3.1.3 Seiteninhalte

Symbol

Aktion

1icon_reddot_multilink (1).png

Seiteninhalte

Seiteninhalte_Inhaltsteiler.png
2AMnu_ConnectNewPage.gif

Seite erstellen und verknüpfen

seite_erstellen_green.png
3

Darstellung im SmartEdit nach Eingabe der Adresse

Darstellung_nach_Adresseingabe_smartedit.png
4

Darstellung in der Seitenvorschau

Darstellung_nach_Adresseingabe_seitenvorschau.png

3.1.4 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

1icon_reddot.png

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

Event_Karten.png
2

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.png
3

Darstellung in der Seitenvorschau

Kartenviewer ist im SmartEdit deaktiviert.

Darstellung_Eventkarte_Seitenvorschau.png

4. Häufig gestellte Fragen (FAQ)

Frage

Antwort

  • Keine Stichwörter