Normales Textelement
Bild-Teaser-Liste, Karten-Optik
Mit diesem Element können Bild-Text-Teaser in Karten-Optik zu ausgewählten Seiten in einer Liste ausgegeben werden. Es ist auch möglich, alle Unterseiten einer bestimmten Seite auszugeben. Dieses Element ist geeignet, wenn die entsprechenden Zielseiten ein Herobild und Teasertexte haben, aber keinen Text für ein Linklabel. Wenn kein Bild in den Seiteneigenschaften hinterlegt wurde, wird ein Platzhalterbild angezeigt. Wie bei den meisten Listen-Elementen kann auch hier übergreifend neben der Überschrift und Unterüberschrift ein Einleitungstext gepflegt werden.
Über den „Listen Heading Typ“ kann der Stil der Überschriften für die Text Elemente bestimmt werden. Der Typ sollte nie höher sein, als der der Überschrift der Liste selbst. Wenn die übergreifende Überschrift ausgeblendet ist und der Listen Heading Typ auf „Standard Konvention“ steht, sind die Überschriften der Listen Elemente alle eine h2. Achten Sie stets auf eine korrekte Semantik!
Auf dieser Seite finden Sie:
- Layout „Auto layout“, eine direkt ausgewählte Seite
- Layout „Auto layout“, zwei direkt ausgewählte Seiten
- Layout „Auto layout“, drei direkt ausgewählte Seiten
- Layout „Auto layout“, vier direkt ausgewählte Seiten
- Manuelle Überschreibung des Auto layouts
- Darstellungsstil „CTA“
- Darstellungsstil „Ohne Teasertext“
- Unterseiten der ausgewählten Seiten
- Theme & Hintergrund „Cyan“
- Theme & Hintergrund „Mint“
Das ist eine UnterüberschriftLayout „Auto layout“, eine direkt ausgewählte Seite
Hier kann ein Einleitungstext stehen. Wenn die Überschrift zum Einleitungstext mit Typ „[h2] Überschrift“ eingeblendet ist der Listen Heading Typ auf „Standard Konvention“ steht, sind die Headings der Listen-Elemente automatisch als h3 gestylt. In diesem Beispiel wurde eine Seite direkt ausgewählt. Diese wird im Auto layout einspaltig dargestellt.
Wenn die übergreifende Überschrift des Elements verborgen ist wie in diesem Beispiel, und der Listen Heading Typ auf „Standard Konvention“ steht, werden die Überschriften der IconText Elemente automatisch zur h2.
Das ist eine UnterüberschriftLayout „Auto layout“, zwei direkt ausgewählte Seiten
Bei zwei ausgewählten Seiten werden die Teaser im Auto layout nebeneinander platziert.
Das ist eine UnterüberschriftLayout „Auto layout“, drei direkt ausgewählte Seiten
Bei drei ausgewählten Seiten werden die Teaser im Auto layout nebeneinander platziert und laufen über die ganze Breite.
Das ist eine UnterüberschriftLayout „Auto layout“, vier direkt ausgewählte Seiten
Bei vier ausgewählten Seiten werden die Teaser im Auto layout nebeneinander platziert und laufen über die ganze Breite.
Das ist eine UnterüberschriftManuelle Überschreibung des Auto layouts
Die automatische Spaltenaufteilung im Layout kann auch überschrieben werden, indem eine andere Layoutvariante gewählt wird, wie hier die zweispaltige Aufteilung mit dem Layout „2 Spalten“. Darüber hinaus können die Listen-Elemente auch „erzwungen“ ein-, drei- oder vierspaltig dargestellt werden.
Das ist eine UnterüberschriftDarstellungsstil „CTA“
Der Darstellungsstil „CTA“ hat in diesem Element keine Auswirkung.
Das ist eine UnterüberschriftDarstellungsstil „Ohne Teasertext“
Bei diesem Darstellungsstil werden die in den Seiteneigenschaften gepflegten Teasertexte nicht ausgegeben. Das kann hilfreich sein, wenn die Seiten sehr unterschiedlich lange Teasertexte haben.
Das ist eine UnterüberschriftUnterseiten der ausgewählten Seiten
Es können auch die Unterseiten der ausgewählten Seite ausgegeben werden, wahlweise im Auto layout wie hier oder in „erzwungener“ Spaltenzahl.
Das ist eine UnterüberschriftTheme & Hintergrund „Cyan“
Das Element kann auch komplett auf eingefärbtem Hintergrund stehen.
Das ist eine UnterüberschriftTheme & Hintergrund „Mint“
Das Element kann auch komplett auf eingefärbtem Hintergrund stehen.