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.

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.

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.

• Related Articles

• destination.youtube - TYPO3

  destination.youtube - YouTube auf der Landingpage Darstellung im Frontend Wer das Modul einmal selbst testen will, kann dies über folgenden Link machen: LINK Hinweis: Für die Anzeige im Frontend müssen Cookies akzeptiert werden. Pflege im Backend ...

• destination.one: Supportflat+

  Unsere destination.one Produktwelt bietet mittlerweile ein breites Spektrum an Tools, die euch täglich bei der digitalen Gästeinformation unterstützen. Neben unserer Datenbankinfrastruktur bestehend aus destination.data und destination.meta und ...

• destination.hardware: Inbetriebnahme destination.box in der WiFi-Tracker Edition

  Videoanleitung zur Inbetriebnahme der destination.box (WiFi-Edition) Im nachfolgenden Video wird erklärt, wie die destination.box in der WiFi-Tracker Edition (Version 1.0, 2.0 oder Raspberry Pi) in Betrieb genommen wird, um im Anschluss das ...

• Passwortgeschützter/Login Bereich - destination.login

  destination.login In diesem Video zeigen wir Dir, wie Du einen Passwort geschützten Bereich in Deinem Typo3 einrichtest. Dieser Bereich kann dann nur noch, von Benutzern mit Passwort genutzt werden. - 0:28 Thema des Videos - 2:04 Benutzergruppen ...

• destination.pages: Funktionen unseres Alexa-Skills als destination.bot

  Zu Beginn Aufruf des Skills Alexa, öffne MeinEmsland Ein Skill (deutsch Fähigkeit) ist praktisch nichts anderes als eine App für die Alexa. Um nun mit so einem Skill interagieren zu können, muss dieser zuerst aufgerufen werden. Dies geschieht mit dem ...