destination.teaserwall - TYPO3
destination.teaserwall - für schnelle, kompakte Informationen
Worum geht's?
Teaser bieten einen schnellen Überblick über Themen in Form kompakter, leicht verständlicher Informationshäppchen. Nutzer:innen können diese einfachen Inhalte mühelos und ohne großen kognitiven Aufwand schnell erfassen.
Teaser bieten einen schnellen Überblick über Themen in Form kompakter, leicht verständlicher Informationshäppchen. Nutzer:innen können diese einfachen Inhalte mühelos und ohne großen kognitiven Aufwand schnell erfassen.
Gut zu wissen
In jedem der bis zu vier Teaser kannst du ein Icon oder Bild, einen Text und eine Überschrift einfügen, um die Informationen klar und ansprechend zu präsentieren. Zusätzlich kannst du für jeden Teaser ein individuelles Farbschema wählen, das zur visuellen Differenzierung beiträgt und das Nutzererlebnis verbessert. Achte darauf, dass die Farben harmonisch abgestimmt sind und die Lesbarkeit der Inhalte unterstützen.
Die Teaser passen sich automatisch und responsiv an den verfügbaren Platz an und werden ohne Zwischenräume angezeigt, um eine durchgehend nahtlose Präsentation zu gewährleisten.
In jedem der bis zu vier Teaser kannst du ein Icon oder Bild, einen Text und eine Überschrift einfügen, um die Informationen klar und ansprechend zu präsentieren. Zusätzlich kannst du für jeden Teaser ein individuelles Farbschema wählen, das zur visuellen Differenzierung beiträgt und das Nutzererlebnis verbessert. Achte darauf, dass die Farben harmonisch abgestimmt sind und die Lesbarkeit der Inhalte unterstützen.
Die Teaser passen sich automatisch und responsiv an den verfügbaren Platz an und werden ohne Zwischenräume angezeigt, um eine durchgehend nahtlose Präsentation zu gewährleisten.
Das Modul im Frontend
Wer sich das Modul im Frontend einer Website ansehen will, klickt hier: LINK
Pflege im Backend
Voraussetzungen
- Du hast bereits eine Landingpage für das Modul erstellt.
- Du hast bereits eine Rahmenbühne für das Modul erstellt.
Wichtig ist hier, dass nur einspaltige Bühnen funktionieren.
1. Hinzufügen des Container-Moduls
1.1 Klicke in der Rahmenbühne auf "+Neuen Inhalt erstellen".
1.2 Wähle im Reiter "Container" → "Teaser-Wand Container".
2. Hinterlegen von Teasern
2.1 Klicke im Container auf "+Neuen Inhalt erstellen".
2.2 Hinterlegen der Teaserinformationen
2.2.1 Hier hinterlegst du eine Überschrift für den Teaser.
2.2.2 Hier legst du den H-Typ der Überschrift fest. In den meisten Fällen ist hier H3 (Standard) richtig.
2.2.3 Hier kannst du die Überschrift verlinken.
2.2.4 Hier hinterlegst du den Text des Teasers. Fasse dich am besten möglichst kurz.
2.2.5 Hier kannst du wie gewohnt aus der Mediendatenbank deiner Wahl ein Bild für den Teaser hinterlegen.
2.2.6 Hier hinterlegst du das Icon.
2.2.7 Hier kannst du zwischen den im Layout definierten Farbschemen wählen.
2.2.8 Nun nur speichern und der erste Teaser steht.
2.3 Weitere Teaser hinterlegen
Funktioniert genauso wie in 2.2. Klicke dafür einfach wieder auf "+Neuen Inhalt erstellen" im Teaserwall Container.
Du kannst maximal vier Teaser hinterlegen. Die Aufteilung variiert, wie auf der Demo-Seite zu sehen.