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. 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 ein Einleitungstext gepflegt werden.
Auf dieser Seite:
Ü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!
Layout „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.
Layout „Auto layout“, zwei direkt ausgewählte Seiten
Bei zwei ausgewählten Seiten werden die Teaser im Auto layout nebeneinander platziert.
Layout „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.
Layout „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.
Manuelle Überschreibung des Auto layouts
Die automatische Spaltenaufteilung im Layout kann auch überschrieben werden, indem eine andere Layoutvariante gewählt wird, wie hier die einspaltige Aufteilung mit dem Layout „1 Spalte, Bild links“. Darüber hinaus können die Listen-Elemente auch „erzwungen“ zwei-, drei- oder vierspaltig dargestellt werden.
Unterseiten 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.