Mit diesem Element können einfache Bild-Text-Teaser 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:
- 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
- Theme & Hintergrund „Hellblau“
- Unterseiten der ausgewählten Seiten
Ü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.
Textkasten für Statements
Ein Textkasten zur Hervorhebung zentraler Inhalte, Statements oder Schlussfolgerungen.
Textkasten für StatementsLayout „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.
Textkasten für Statements
Ein Textkasten zur Hervorhebung zentraler Inhalte, Statements oder Schlussfolgerungen.
Textkasten für StatementsBild mit Scroll-Effekt
Ein Bild wird beim Scrollen freigegeben, mit darüberliegendem Textfeld.
Bild mit Scroll-EffektManuelle Ü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.
Textkasten für Statements
Ein Textkasten zur Hervorhebung zentraler Inhalte, Statements oder Schlussfolgerungen.
Textkasten für StatementsBild mit Scroll-Effekt
Ein Bild wird beim Scrollen freigegeben, mit darüberliegendem Textfeld.
Bild mit Scroll-EffektTheme & Hintergrund „Hellblau“
Das Theme und der Hintergrund können auch in „Hellblau“ dargestellt werden.
Textkasten für Statements
Ein Textkasten zur Hervorhebung zentraler Inhalte, Statements oder Schlussfolgerungen.
Textkasten für StatementsBild mit Scroll-Effekt
Ein Bild wird beim Scrollen freigegeben, mit darüberliegendem Textfeld.
Bild mit Scroll-EffektUnterseiten 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.
Textkasten für Statements
Ein Textkasten zur Hervorhebung zentraler Inhalte, Statements oder Schlussfolgerungen.
Textkasten für StatementsBild mit Scroll-Effekt
Ein Bild wird beim Scrollen freigegeben, mit darüberliegendem Textfeld.
Bild mit Scroll-EffektMedien-Text-Element
Ein einzelnes Medien-Text-Element in verschiedenen Layoutvarianten.
Medien-Text-ElementMediengalerie
Eine beliebige Anzahl an Medien-Elementen in einer Galerie und Vergrößerung in einem Dialog.
MediengalerieDownload-Liste
Eine beliebige Anzahl von Downloads mit optionalem Bild. Auch für einzelne Downloads geeignet.
Download-Liste