Teaser

Teaser einbinden

Es gibt zwei Möglichkeiten, Teaser im TYPO3-Backend einzusetzen:

• Inhaltselement „Teaser“
• Inhaltselement „Seitenteaser“

Wichtiger Unterschied

Teaser (manuell gepflegt)

• Teasertitel, Teasertext und Bild werden direkt im Element gepflegt
• Nachteil: hoher Pflegeaufwand, Risiko von inkonsistenten Inhalten, wenn mehrere Teaser auf dieselbe Seite verlinken, aber unterschiedliche Texte verwenden

Seitenteaser (empfohlen) 

• Inhalte werden zentral an der Zielseite gepflegt (Teasertitel, Text, Bild). Der Teaser übernimmt diese automatisch. 
• Vorteile: deutlich geringerer Pflegeaufwand, mehrfach nutzen, Konsistente Inhalte über alle Verlinkungen hinweg

Nutzung

• wahlweise 2-3 Teaser als Abschluss einer Seite als weiterführende Informationen
• oder als Verlinkung zu einer anderen Seite im Text (hier abwägen zwischen Nutzung Teaser und Breaker)
• wahlweise mit oder ohne Foto, aber bitte einheitlich auf einer Seite. 
• Hintergrundfarbe des Teasers sollte i. d. R. der Farbe des Inhaltscontainers entsprechen.
• Hintergrundfarbe “tanne”, falls Teaserbox hervorgehoben werden soll (da z. B. neu oder aktueller Bezug)

• Hintergrundfarbe “lavendel”, sofern HR-Bezug

   

Inhaltliche Vorgaben

→ bitte direkt in den Seiteneigenschaften einer Seite anlegen!

Teasertitel

• ca. 50–60 Zeichen
• kurz, prägnant und aussagekräftig, kann auch gerne direkt der Name der Seite sein

Teasertext

• ca. 150–200 Zeichen (inkl. Leerzeichen)
• entspricht in der Regel: 1–2 kurze Sätze
• sorgt für: gute Lesbarkeit (auch mobil), einheitliche Blockhöhen im Layout

Linktext

• Standard: kein Linktext. In diesem Fall nur Ausspielung eines Pfeils.
• Wenn besonderer Hinweis erforderlich, z. B. Verlinkung zu externer Website, dann Linktext entsprechend anpassen.

Keine Nutzung von Tags!

Einpflege Teaser

Das Element Teaser gibt Informationen aus, die direkt im Teaser angelegt werden. 

Anlage

1. Innerhalb eines bestehenden oder neuen Inhaltscontainers über „+ Neuen Inhalt erstellen“ das Element „Teaser“ anlegen.
2. Es kann zwischen 2 Typen unterschieden werden
   1. Container: Darstellung der Teaser, wie bei Nutzung des „Teaser-Containers“
   2. Slider: Darstellung der Teaser als Slider. Vor allem in der mobilen Ansicht von hohem Nutzen, da Seite deutlich kürzer.
3. Anschließend wird die Hintergrundfarbe der Teaser gewählt, hier ist auf die Hintergrundfarbe des Inhaltscontainers zu achten
   1. Folgende Hintergrundfarben stehen zur Verfügung: Default (weiß), Betongrau, Dunkelblau

4    Hinterlegung des Teasertitels, Teasertextes und Bildes

5   Speichern.

Einpflege Seiten-Teaser

Das Element Seiten-Teaser gibt Teaser aus, deren Inhalte sich aus den Seiteneigenschaften einer Inhaltsseite ziehen. Die Farbe der Teaser ist bei diesem Einsatz für alle dieselbe, d.h. hervorgehobene Teaser (Tanne, Beere) sind nicht möglich uns müssen manuell angelegt werden.

Die Teaser-Informationen werden in den Seiteneigenschaften der Seiten direkt gepflegt. Sollte in diesem Element eine Seite ausgewählt werden, die diese Informationen nicht hinterlegt hat, kann man die Seiteneigenschaften auch über das Element (Punkt 6) erreichen.

Anlage

1. Innerhalb eines bestehenden oder neuen Inhaltscontainers über „+ Neuen Inhalt erstellen“ das Element „Seiten-Teaser“ anlegen.
2. Im Element kann eine Überschrift vergeben werden.
3. Es kann zwischen 2 Typen unterschieden werden
   1. Container: Darstellung der Teaser, wie bei Nutzung des „Teaser-Containers“
   2. Slider: Darstellung der Teaser als Slider. Vor allem in der mobilen Ansicht von hohem Nutzen, da Seite deutlich kürzer.
4. Anschließend wird die Hintergrundfarbe der Teaser gewählt, hier ist auf die Hintergrundfarbe des Inhaltscontainers zu achten
   1. Folgende Hintergrundfarben stehen zur Verfügung: Default (weiß), Betongrau, Dunkelblau
5. Im Bereich „Seiten mit Teaserinformationen“ werden die Seiten (per ID oder Seitentitel oder das Ordner-Symbol link) hinzugefügt.
   1. über die Pfeile am rechten Rand des Bildes kann die Reihenfolge angepasst werden oder eine Seite aus diesem Element entfernt werden.
   2. ausgeblendete Seiten werden nicht ausgegeben
6. Speichern und schließen
7. Das Element wird nun im Content-Bereich angezeigt: [Seiten-ID] und Seitentitel. Bei Klick auf die Seiten-ID springt man direkt in die Seiteneigenschaften der entsprechenden Seite und kann hier Informationen korrigieren oder, wenn fehlend, hinterlegen.

Seiteneigenschaften

1. Im Reiter Allgemein einer Seite unter „Teaser Informationen“ werden die Teaser-Informationen gepflegt. Zum Teil werden diese Informationen auch in der Suche verwendet.
2. Folgende Informationen können hier ausgefüllt werden:
   1. Überschrift des Teasers (Sollte diese nicht gepflegt sein, werden die Informationen des Seitentitels gezogen)
   2. Text = Teasertext: Länge Teasertext: 150–200 Zeichen (inkl. Leerzeichen). Erfahrungsgemäß die perfekte Länge für ein bis zwei kurze Sätze unter der Überschrift, und für konsistente Blockhöhen und gute Lesbarkeit (auch mobil).
   3. Teaser Bild: Bitte zuvor unter Dateiliste einstellen.