Highlight-Liste
Mit der Highlight-Liste werden Highlights in einer grafisch ansprechenden Liste präsentiert. Jedes Highlight besteht dabei aus einer Überschrift und einer Beschreibung. Der Liste vorangestellt ist eine Überschrift und ein Einleitungstext. Sie kann in verschiedenen Layout-Varianten dargestellt und mit einem Media-Element ergänzt werden.
Auf dieser Seite finden Sie:
- Layout „Einspaltig“, ohne Media-Element
- Layout „Einspaltig“, Bild als Medien-Inhalt
- Layout „Einspaltig“, Youtube-Video als Medien-Inhalt
- Layout „Einspaltig“, Video-Loop als Medien-Inhalt
- Layout „Highlights mehrspaltig“, Bild als Media-Element
- Layout „Media links“, Bild als Media-Element
- Layout „Media rechts“, Bild als Media-Element
- Theme & Hintergrund „Cyan“
- Theme & Hintergrund „Mint“
- Theme & Hintergrund „Mint / Weiß“
- Theme & Hintergrund „Weiß / Mint“
- Theme & Hintergrund „Cyan / Weiß“
- Theme & Hintergrund „Weiß / Cyan“
Das ist eine UnterüberschriftLayout „Einspaltig“, ohne Media-Element
Im einspaltigen Layout steht der Einleitungstext über der Liste, die Liste erstreckt sich einspaltig über den Content-Bereich.
Erstes Text Element
Das ist der Beschreibungstext zum Vorteil. Hier ist ein RTE eingebunden, so dass alle Formatierungen möglich sind. Es sollte dennoch sparsam formatiert werden.
Zweitees Text Element ohne Beschreibungstext
Die Überschrift ist kein Pflichtfeld. Es sollte jedoch darauf geachtet werden, dass entweder alle Text Elemente eine Überschrift haben oder nicht. Eine Mischung wie in diesem Beispiel ist nicht anzuraten.
Viertes Text Element
Hier steht eine Beschreibung mit einem Link. Links sollten hier immer als Inline Links gestylt werden.
Das ist eine UnterüberschriftLayout „Einspaltig“, Bild als Medien-Inhalt
Das eingepflegte Media-Element steht im einspaltigen Layout über der Liste.
Erstes Text Element
Das ist der Beschreibungstext zum Vorteil. Hier ist ein RTE eingebunden, so dass alle Formatierungen möglich sind. Es sollte dennoch sparsam formatiert werden.
Zweitees Text Element ohne Beschreibungstext
Die Überschrift ist kein Pflichtfeld. Es sollte jedoch darauf geachtet werden, dass entweder alle Text Elemente eine Überschrift haben oder nicht. Eine Mischung wie in diesem Beispiel ist nicht anzuraten.
Viertes Text Element
Hier steht eine Beschreibung mit einem Link. Links sollten hier immer als Inline Links gestylt werden.
Das ist eine UnterüberschriftLayout „Einspaltig“, Youtube-Video als Medien-Inhalt
Anstelle eines Bildes wie oben, kann das Medium auch ein Youtube-Video sein, das der Dateiliste hinzugefügt wurde. Hier kann natürlich kein Cropping vorgenommen werden.
Erstes Text Element
Das ist der Beschreibungstext zum Vorteil. Hier ist ein RTE eingebunden, so dass alle Formatierungen möglich sind. Es sollte dennoch sparsam formatiert werden.
Zweitees Text Element ohne Beschreibungstext
Die Überschrift ist kein Pflichtfeld. Es sollte jedoch darauf geachtet werden, dass entweder alle Text Elemente eine Überschrift haben oder nicht. Eine Mischung wie in diesem Beispiel ist nicht anzuraten.
Viertes Text Element
Hier steht eine Beschreibung mit einem Link. Links sollten hier immer als Inline Links gestylt werden.
Das ist eine UnterüberschriftLayout „Einspaltig“, Video-Loop als Medien-Inhalt
Das Medium kann auch ein MP4-Video-Loop sein. Auch hier kann kein Cropping eingestellt werden - beim Erstellen des Loops muss also bereits darauf geachtet werden, in welchem Seitenverhältnis es im Layout erscheinen soll.
Erstes Text Element
Das ist der Beschreibungstext zum Vorteil. Hier ist ein RTE eingebunden, so dass alle Formatierungen möglich sind. Es sollte dennoch sparsam formatiert werden.
Zweitees Text Element ohne Beschreibungstext
Die Überschrift ist kein Pflichtfeld. Es sollte jedoch darauf geachtet werden, dass entweder alle Text Elemente eine Überschrift haben oder nicht. Eine Mischung wie in diesem Beispiel ist nicht anzuraten.
Viertes Text Element
Hier steht eine Beschreibung mit einem Link. Links sollten hier immer als Inline Links gestylt werden.
Das ist eine UnterüberschriftLayout „Highlights mehrspaltig“, Bild als Media-Element
Im mehrspaltigen Layout wird die Highlight-Liste auf zwei Spalten aufgeteilt. Das Media-Element steht auch hier über der Liste.
Erstes Text Element
Das ist der Beschreibungstext zum Vorteil. Hier ist ein RTE eingebunden, so dass alle Formatierungen möglich sind. Es sollte dennoch sparsam formatiert werden.
Zweitees Text Element ohne Beschreibungstext
Die Überschrift ist kein Pflichtfeld. Es sollte jedoch darauf geachtet werden, dass entweder alle Text Elemente eine Überschrift haben oder nicht. Eine Mischung wie in diesem Beispiel ist nicht anzuraten.
Viertes Text Element
Hier steht eine Beschreibung mit einem Link. Links sollten hier immer als Inline Links gestylt werden.
Das ist eine UnterüberschriftLayout „Media links“, Bild als Media-Element
In diesem Layout steht das Media-Element links von der Liste. Die Liste wird hier wieder einspaltig dargestellt.
Erstes Text Element
Das ist der Beschreibungstext zum Vorteil. Hier ist ein RTE eingebunden, so dass alle Formatierungen möglich sind. Es sollte dennoch sparsam formatiert werden.
Zweitees Text Element ohne Beschreibungstext
Die Überschrift ist kein Pflichtfeld. Es sollte jedoch darauf geachtet werden, dass entweder alle Text Elemente eine Überschrift haben oder nicht. Eine Mischung wie in diesem Beispiel ist nicht anzuraten.
Viertes Text Element
Hier steht eine Beschreibung mit einem Link. Links sollten hier immer als Inline Links gestylt werden.
Das ist eine UnterüberschriftLayout „Media rechts“, Bild als Media-Element
In diesem Layout steht das Media-Element rechts von der Liste. Die Liste wird hier wieder einspaltig dargestellt.
Erstes Text Element
Das ist der Beschreibungstext zum Vorteil. Hier ist ein RTE eingebunden, so dass alle Formatierungen möglich sind. Es sollte dennoch sparsam formatiert werden.
Zweitees Text Element ohne Beschreibungstext
Die Überschrift ist kein Pflichtfeld. Es sollte jedoch darauf geachtet werden, dass entweder alle Text Elemente eine Überschrift haben oder nicht. Eine Mischung wie in diesem Beispiel ist nicht anzuraten.
Viertes Text Element
Hier steht eine Beschreibung mit einem Link. Links sollten hier immer als Inline Links gestylt werden.
Das ist eine UnterüberschriftTheme & Hintergrund „Cyan“
Das Element kann auch komplett auf eingefärbtem Hintergrund stehen.
Erstes Text Element
Das ist der Beschreibungstext zum Vorteil. Hier ist ein RTE eingebunden, so dass alle Formatierungen möglich sind. Es sollte dennoch sparsam formatiert werden.
Zweitees Text Element ohne Beschreibungstext
Die Überschrift ist kein Pflichtfeld. Es sollte jedoch darauf geachtet werden, dass entweder alle Text Elemente eine Überschrift haben oder nicht. Eine Mischung wie in diesem Beispiel ist nicht anzuraten.
Viertes Text Element
Hier steht eine Beschreibung mit einem Link. Links sollten hier immer als Inline Links gestylt werden.
Das ist eine UnterüberschriftTheme & Hintergrund „Mint“
Das Element kann auch komplett auf eingefärbtem Hintergrund stehen.
Erstes Text Element
Das ist der Beschreibungstext zum Vorteil. Hier ist ein RTE eingebunden, so dass alle Formatierungen möglich sind. Es sollte dennoch sparsam formatiert werden.
Zweitees Text Element ohne Beschreibungstext
Die Überschrift ist kein Pflichtfeld. Es sollte jedoch darauf geachtet werden, dass entweder alle Text Elemente eine Überschrift haben oder nicht. Eine Mischung wie in diesem Beispiel ist nicht anzuraten.
Viertes Text Element
Hier steht eine Beschreibung mit einem Link. Links sollten hier immer als Inline Links gestylt werden.
Das ist eine UnterüberschriftTheme & Hintergrund „Mint / Weiß“
Bei diesem Element gibt es auch die Theme & Hintergrund Option „Mint / Weiß“. Hier wird der linke Bereich eingefärbt. Daher sollte hier immer die Layoutvariante „Media links“ gewählt sein.
Erstes Text Element
Das ist der Beschreibungstext zum Vorteil. Hier ist ein RTE eingebunden, so dass alle Formatierungen möglich sind. Es sollte dennoch sparsam formatiert werden.
Zweitees Text Element ohne Beschreibungstext
Die Überschrift ist kein Pflichtfeld. Es sollte jedoch darauf geachtet werden, dass entweder alle Text Elemente eine Überschrift haben oder nicht. Eine Mischung wie in diesem Beispiel ist nicht anzuraten.
Viertes Text Element
Hier steht eine Beschreibung mit einem Link. Links sollten hier immer als Inline Links gestylt werden.
Das ist eine UnterüberschriftTheme & Hintergrund „Weiß / Mint“
Bei diesem Element gibt es auch die Theme & Hintergrund Option „Weiß / Mint“. Hier wird der rechte Bereich eingefärbt. Daher sollte hier immer die Layoutvariante „Media rechts“ gewählt sein.
Erstes Text Element
Das ist der Beschreibungstext zum Vorteil. Hier ist ein RTE eingebunden, so dass alle Formatierungen möglich sind. Es sollte dennoch sparsam formatiert werden.
Zweitees Text Element ohne Beschreibungstext
Die Überschrift ist kein Pflichtfeld. Es sollte jedoch darauf geachtet werden, dass entweder alle Text Elemente eine Überschrift haben oder nicht. Eine Mischung wie in diesem Beispiel ist nicht anzuraten.
Viertes Text Element
Hier steht eine Beschreibung mit einem Link. Links sollten hier immer als Inline Links gestylt werden.
Das ist eine UnterüberschriftTheme & Hintergrund „Cyan / Weiß“
Bei diesem Element gibt es auch die Theme & Hintergrund Option „Cyan / Weiß“. Hier wird der linke Bereich eingefärbt. Daher sollte hier immer die Layoutvariante „Media links“ gewählt sein.
Erstes Text Element
Das ist der Beschreibungstext zum Vorteil. Hier ist ein RTE eingebunden, so dass alle Formatierungen möglich sind. Es sollte dennoch sparsam formatiert werden.
Zweitees Text Element ohne Beschreibungstext
Die Überschrift ist kein Pflichtfeld. Es sollte jedoch darauf geachtet werden, dass entweder alle Text Elemente eine Überschrift haben oder nicht. Eine Mischung wie in diesem Beispiel ist nicht anzuraten.
Viertes Text Element
Hier steht eine Beschreibung mit einem Link. Links sollten hier immer als Inline Links gestylt werden.
Das ist eine UnterüberschriftTheme & Hintergrund „Weiß / Cyan“
Bei diesem Element gibt es auch die Theme & Hintergrund Option „Weiß / Cyan“. Hier wird der rechte Bereich eingefärbt. Daher sollte hier immer die Layoutvariante „Media rechts“ gewählt sein.
Erstes Text Element
Das ist der Beschreibungstext zum Vorteil. Hier ist ein RTE eingebunden, so dass alle Formatierungen möglich sind. Es sollte dennoch sparsam formatiert werden.
Zweitees Text Element ohne Beschreibungstext
Die Überschrift ist kein Pflichtfeld. Es sollte jedoch darauf geachtet werden, dass entweder alle Text Elemente eine Überschrift haben oder nicht. Eine Mischung wie in diesem Beispiel ist nicht anzuraten.
Viertes Text Element
Hier steht eine Beschreibung mit einem Link. Links sollten hier immer als Inline Links gestylt werden.