Versionen im Vergleich

Schlüssel

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

Teaser

Überblick

Name

contentclass-snippet.gifTeaser

Ordner

folderopen.gifInhalts - Templates

Styleguide

noch nicht vorhanden

Inhaltsverzeichnis

Inhalt
minLevel1
maxLevel4
outlinefalse
stylenone
typelist
printabletrue


1. Einleitung

Wie der Name Bereich sagt, ist das Template “Boxenbereich” zur Aufteilung von einzelnen Inhaltselementen bzw. Boxen bestimmt. Ein Bereich wird nur dann wirksam, wenn sich etwas darin befindet. Ist der Bereich hingegen leer, ist er nicht sichtbar. Inhalte des Boxenbereich sind einzelne Boxen, z. Bsp. verschiedene Teaserboxen oder auch andere zur Verfügung stehende Inhaltselemente sein. Am häufigsten werden “Teaserboxen mit Bild” verwendet, weswegen sich die Beschreibungen in diesem Kapitel auch darauf beziehen. Im Abschnitt 3.3 Weitere Inhaltselemente im Boxenbereichfindet sich eine Auflistung aller möglichen Inhaltselemente, welche als Box in einem Boxenbereich platziert werden können sowie die Verlinkung zu den entsprechenden KapitelnDer Seiteninhalt “Teaser” und seine drei Varianten mit einer unterschiedlichen Anzahl möglicher Links, wird genutzt, um Anreißertexte und Anreißerbilder zu erstellen und um auf bestimmte Inhaltsseiten, oft Nachrichtenmeldungen, weiterzuleiten. Über attraktive Bilder und kurze Texte sollen Besucher dazu gebracht werden, der Verlinkung zu folgen. Die eigentliche Information findet sich normalerweise erst auf der sogenannten Folgeseite (Link). Gelegentlich ist der Informationsgehalt einer Meldung klein, dass keine Folgeseite notwendig ist, sondern die Information vollständig im Teaser abgebildet werden kann.

Panel
panelIconId1f5a5
panelIcon:desktop:
panelIconText🖥️
bgColor#EAE6FF

2. Verschiedene Darstellungsmöglichkeiten

Darstellung_1.png

2.1 Teaser

Die Anzahl an einzelnen Boxen in einem Boxenbereich kann individuell und den jeweiligen Ansprüchen bestimmt werden. Je nach Seitenaufteilung der gesamten Seite (mit oder ohne Marginalspalte), variiert die Breite der Darstellung.
In der Beispielabbildung ist die Seitenaufteilung “Navigation-Inhalt-Marginalspalte” gewählt.

Info

Siehe dazu Kapitel Auswahl der Seitenaufteilung.

Darstellung_2.png

2.2 Teaser

Der Boxenbereich mit 3 Teaserboxen mit Bild in voller Seitenbreite bei einer Seitenaufteilung “Navigation-Inhalt breit”. Bei der Größe und Ausrichtung der Boxen kann zwischen einem 2- oder 3 spaltigen Layout gewählt werden.


Info

Siehe dazu Kapitel Auswahl der Seitenaufteilung.

Darstellung_3.png

2.3 Teaser

Die Abbildung zeigt 4 Teaserboxen mit Bild in einem Boxenbereich im 2-spaltigen Layout. Je nach Seitenaufteilung der gesamten Seite (mit oder ohne Marginalspalte), variiert die Breite der Darstellung.

Info

Siehe dazu Kapitel Auswahl der Seitenaufteilung, Kapitel7.5 Die Marginalspalte.


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

3. Verwendung im SmartEdit

3.1 Erstellen des Seiteninhalts “Teaser”

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

Symbol

Aktion

1

Seite öffnen

seite_oeffnen_green.png
2icon_reddot_multilink.png

Seiteninhalte

Seiteninhalte_allgemein.png

3AMnu_ConnectNewPage.gif

Seite erstellen & verknüpfen

seite_erstellen_green.png
4folderopen.gif

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

Hinweis

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

Content_Klassen-Ordner.png
5contentclass-snippet.gif

Content-Klasse “Teaser” auswählen

  • individuelle Auswahl eines Boxenbereich mit 2 oder 4 einzelnen Boxen

Hinweis

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

Content_Klassen.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 “Teaser

Die Abbildung zeigt das Beispiel mit 2 Akkordeoneinträgen.

Darstellung_erstellen_Boxenbereich.png

3.1.1 Bearbeiten des Seiteninhalts “Teaser”

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

Darstellung nach erstellen des Boxenbereich. Der Boxenbereich ist zur Bearbeitung geöffnet.

Darstellung_erstellen_Boxenbereich_zoom.png

Bezeichnung

Beschreibung

icon_reddot_openpage (1).png Teaser öffnen

Seiteninhalt zur Bearbeitung öffnen

icon_reddot_closepage (1).png Teaser schließen

Bearbeitung beenden

icon_reddot.png Überschrift Auswahl der Anordnung der einzelnen Boxen. Es kann zwischen “2 nebeneinander” oder “3 nebeneinander” gewählt werden. In der Voreinstellung jedes Boxenbereichs sind bereits “2 nebeneinander” eingestellt.
Siehe dazu zum Vergleich Abschnitt 2. Verschiedene Darstellungsmöglichkeiten

Einfügen einer Überschrift - dies ist optional.

icon_reddot_openform.png Teaserdaten

Angleichen der Höhe der Boxen

Hinweis.png Wie bearbeite ich Alt-texte, Bild-Titel und Bild-Rechte?

Siehe dazu Kapitel 7.6.1.2 Bild und Asset-Attribute

icon_reddot.png Seite für andere Projekte freigeben

Siehe dazu Kapitel 7.10 Projektfremde Seite verknüpfen

icon_reddot_multilink.png Links

Verlinkung auf eine interne oder externe Seite.
Siehe dazu auch Kapitel Linkliste.

3.1.2 Bearbeiten Teaserbox mit Bild

Schrittweise Erläuterung für das Bearbeiten eines neuen Seiteninhalts basierend auf der CMS-Vorlage “contentclass-snippet.gifImage Removed Teaserbox mit Bild”.

Bearbeiten_Teaserbox_Bild.pngImage Removed

Darstellung nach Bearbeiten Boxen in der Seitenvorschau

Bezeichnung

Beschreibung

icon_reddot_openpage (1).pngImage Removed Boxenbereich öffnen

Seiteninhalt zur Bearbeitung öffnen

icon_reddot_closepage.pngImage RemovedTeaserbox mit Bild schließen

Bearbeitung beenden

icon_reddot.pngImage RemovedÜberschrift

Einfügen einer Überschrift

icon_reddot_obligatory.pngImage RemovedBild

Einfügen eines Bildes. Die Auswahl eines Bildes erfolgt über den Asset Manager.

Siehe dazu Kapitel 8. »Asset-Manager« - Die Bild-und PDF-Verwaltung des zCMS

Hinweis.pngImage RemovedWie bearbeite ich Alt-texte, Bild-Titel und Bild-Rechte?

Siehe dazu Kapitel 7.6.1.2 Bild und Asset-Attribute

icon_reddot (1).pngImage RemovedSeite für andere Projekte freigeben

Siehe dazu Kapitel 7.10 Projektfremde Seite verknüpfen

icon_reddot_openpage (1).pngImage RemovedLink öffnen

Link bearbeiten

Siehe dazu

Kapitel Linkliste

Darstellung nach Bearbeiten der Boxen

Darstellung_nach_Bearbeiten_Box_Bild.pngImage Removed

.

Darstellung_1.pngImage Removed
Info

In der Darstellung Abbildung 2 wurden bereits beide “Teaserboxen mit Bild” bearbeitet.

icon_reddot_multilink (1).pngImage Removed


3.2

Erstellen des Seiteninhalts “Boxenbereich” ohne Boxen

Symbol

Aktion

1

Seite öffnen

Seite_oeffnen.pngImage Removed2icon_reddot_multilink.pngImage Removed

Seiteninhalte

Seiteninhalte_allgemein.pngImage Removed3AMnu_ConnectNewPage.gifImage Removed

Seite erstellen & verknüpfen

seite_erstellen_green.pngImage Removed4folderopen.gifImage Removed

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

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

.

abweichen.Content_Klassen-Ordner.pngImage Removed5contentclass-snippet.gifImage Removed

Content-Klasse “Boxenbereich” auswählen

Hinweis

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

Content_Klassen.pngImage Removed6

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.pngImage Removed7

Mit “OK” bestätigen

ok_green.pngImage Removed8

Ansicht nach erstellen eines Boxenbereichs. Der Boxenbreich ist zur weiteren Bearbeitung geöffnet.

Nun können einzelne Boxen hinzugefügt werden.
Siehe 3.2.2 Boxen hinzufügen

Erstellen_Boxenbereich_ohne_Boxen.pngImage Removed

3

.2.1 Bearbeiten des Seiteninhalts “Boxenbereich” ohne Boxen

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

Darstellung nach erstellen eines Boxenbereichs. Der Boxenbereich ist zur weiteren Bearbeitung geöffnet.

Erstellen_Boxenbereich_ohne_Boxen.pngImage Removed

Bezeichnung

Beschreibung

icon_reddot_openpage (1).pngImage Removed Boxenbereich öffnen

Seiteninhalt zur Bearbeitung öffnen

icon_reddot_closepage.pngImage RemovedBoxenbereich schließen

Bearbeitung beenden

Boxen

Einzelne Boxen hinzufügen,

sortieren

und/oder entfernen

icon_reddot.pngImage RemovedBoxengröße

Auswahl der Anordnung der einzelnen Boxen. Es kann zwischen “2 nebeneinander” oder “3 nebeneinander” gewählt werden.

In

der Voreinstellung jedes Boxenbereichs sind bereits “2 nebeneinander” eingestellt.

siehe dazu auch als Vergleich Abschnitt 2. Verschiedene Darstellungsmöglichkeiten

icon_reddot.pngImage RemovedBoxenhöhe

Angleichen der Höhe der Boxen

3.2.2 Boxen hinzufügen

Je nach Ansprüchen und Bedürfnissen an die Webseite stehen verschiedene Inhaltselemente als Inhalte einer Box zur Verfügung. Im Abschnitt 3.3 Weitere Inhaltselemente im Boxenbereich findet sich eine Auflistung aller möglichen Inhaltselemente, welche als Box in einem Boxenbereich platziert werden können sowie die Verlinkung zu den entsprechenden Kapiteln.
Im diesem Abschnitt wird das Hinzufügen des Inhaltselements “Teaserbox Publikation” als Beispiel beschrieben.

Symbol

Aktion

1icon_reddot_multilink.pngImage Removed

Boxen

Boxen_hinzufuegen.pngImage Removed2AMnu_ConnectNewPage.gifImage Removed

Seite erstellen & verknüpfen

Hinweis

Es wird ein einzelner Akkordeoneintrag erstellt. Dieser Vorgang muss je nach benötigter Anzahl an Akkordeoneinträgen wiederholt werden.

seite_erstellen_green.pngImage Removed3folderopen.gifImage Removed

Content-Klassen Ordner auswählen

Im Beispiel wird der Ordner “Inhalts-Templates” gewählt

Hinweis

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

Content_Klassen-Ordner.pngImage Removed4contentclass-snippet.gifImage Removed

Content-Klasse auswählen

Im Beispiel wird die Content-Klasse “Teaserbox-Publikation” gewählt.

Hinweis

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

Content_Klassen.pngImage Removed5

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.pngImage Removed6

Mit “OK” bestätigen

ok_green.pngImage Removed7

Darstellung nach Hinzufügen “Teaserbox Publikation”

Erstellen-Teaserbox.pngImage Removed

3.2.3 Boxen sortieren

In diesem Abschnitt wird erklärt, wie einzelne Seiteninhalte sortiert werden können. Da dieser Bearbeitungsschritt bei vielen Seiteninhalten gleich ist, ist die detaillierte Beschreibung im Kapitel 7.8 Sortieren von Seiteninhalten zu finden.

Symbol

Aktion

1icon_reddot_openpage.png

Boxenbereich öffnen

Boxenbereich_oeffnen.png

2icon_reddot_multilink.png

Boxen

Boxen.png
3

Die weiteren Bearbeitungsschritte sind im Kapitel 7.8 Sortieren von Seiteninhalten ab Punkt 2 beschrieben.

3.2.4 Boxen entfernen

In diesem Abschnitt wird erklärt, wie einzelne Seiteninhalte entfernt werden können. Da dieser Bearbeitungsschritt bei vielen Seiteninhalten gleich ist, ist die detaillierte Beschreibung im Kapitel 7.9 Entfernen von Seiteninhalten zu finden.

Symbol

Aktion

1icon_reddot_openpage.png

Boxenbereich öffnen

Boxenbereich_oeffnen.png
2icon_reddot_multilink.png

Boxen

Boxen.png
3

Die weiteren Bearbeitungsschritte sind im Kapitel 7.8 Entfernen von Seiteninhalten ab Punkt 2 beschrieben.

3.3Weitere Inhaltselemente im Boxenbereich

Hier findet sich eine Auflistung aller möglichen Inhaltselemente, welche als Box in einem Boxenbereich platziert werden können sowie die Verlinkung zu den entsprechenden Kapiteln

Content-Klasse

Content-Klassen-Order

Kapitel

Medienservice

Inhalts-Templates

7.6.7 Medienservice - Template

Teaserboxen-Publikation *

  • Teaserbox Publikation mit Bild

Inhalts-Templates

Marginalbox

Marginalspalten-Templates

7.7.1 Marginalbox

Teaserbox Amt24 *

Marginalspalten-Templates

Teaserbox mit Bild

  • Teaserbox mit Bild und Verweis

Marginalspalten-Templates

7.6

.

8 Teaserboxen-Container

Teaserbox-REVOSax *

Marginalspalten-Templates

YouTube Video

Inhalts- und Marginalspalten-Templates

YouTube-Video/Stream

Facebook-Kanal

Inhalts- und Marginalspalten-Templates

Facebook Kanal

Twitter-Kanal

Inhalts- und Marginalspalten-Templates

X (ehemals Twitter)

Karriere

Formular-Templates


Panel
panelIconId1f50d
panelIcon:mag:
panelIconText🔍
bgColor#E3FCEF

4. Häufig gestellte Fragen (FAQ)

Frage

Antwort