Teaser Element
Nutzen Sie das Inhaltselement Teaser, um weiterführende Inhalte hervorzuheben. Ein Teaser verlinkt in der Regel auf weiterführende Seiten und eignet sich besonders, um wichtige Themen oder Angebote hervorzuheben.
Teaser einfügen
Öffnen Sie im TYPO3-Backend die Seite, die Sie bearbeiten möchten. Klicken Sie an der gewünschten Stelle auf Neuen Inhalt erstellen.
- Wählen Sie in der linken Spalte die Kategorie Typischer Seiteninhalt aus.
- In der rechten Spalte erscheint nun das Inhaltselement Teaser, das Sie auswählen können.
Digitale Barrierefreiheit
Strukturieren Sie Inhalte logisch mit H2-Überschriften für Hauptabschnitte und H3 (bzw. H4) für untergeordnete Inhalte. Überschriftenebenen dürfen dabei nicht übersprungen werden (z.B. keine H4 direkt nach H2).
- Reiter Allgemein: Hier legen Sie die grundlegenden Texte und Inhalte für das Element fest.
- Überschrift: Fügen Sie eine kurze, aussagekräftige Überschrift ein. Sie hilft den Besucher*innen, den Inhalt schneller zu erfassen. Im Feld Typ legen Sie außerdem die Hierarchie der Überschrift fest (z. B. H2, H3). Wählen Sie Hidden (Versteckt), um die Überschrift nur im Backend anzuzeigen. Das hilft Ihnen, das Inhaltselement im Backend wiederzufinden. Besucher*innen der Website sehen eine versteckte Überschrift nicht.
Einzelne Teaser anlegen und gestalten
- Karte: Klicken Sie auf +Neu anlegen, um einen neuen Teaser zu erstellen. Sie können beliebig viele Karten (Teaser) anlegen. Auf dem Desktop sind maximal 4 Teaser in einer Reihe möglich. Auf mobilen Geräten werden alle Teaser untereinander dargestellt.
- Titel: Legen Sie für jeden Teaser eine eigene zusätzliche Überschrift fest. Die Hierarchieebene des Titels ist nicht manuell anpassbar, sondern richtet sich nach der Teaser-Überschrift. Der Titel wird automatisch in der nächstniedrigeren Überschriftenebene angezeigt (z. B. Überschrift = H2, Titel = H3 | Überschrift = Hidden, Titel = H2)
- Text: Tragen Sie den gewünschten Teasertext in das Textfeld ein. Nutzen Sie die Schaltflächen, um Zeichenformatierungen (fett, kursiv), Verlinkungen oder Absatzformatierungen (Aufzählungen, Einrückungen) vorzunehmen.
- Bild (optional): Sie können pro Teaser ein passendes Bild hinzufügen, um den Inhalt visuell zu unterstützen.
- Kartenhintergrund: Wählen Sie einen hellen (weiß) oder dunklen (Universitätsblau) Teaserhintergrund. Bei dunklem Hintergrund sind keine Akzentfarben möglich.
- Icon (optional): Falls gewünscht, wählen Sie ein Icon für den Teaser aus. Es ist nicht möglich, zusätzliche Icons hochzuladen, um sie zu verwenden.
- Akzentfarbe (optional): Wählen Sie eine Akzentfarbe für den Teaser. Die Verwendung ist nur bei hellem Kartenhintergrund empfohlen.
- Akzentfarbe verwenden für: Legen Sie fest, ob die Akzentfarbe für den Balken am oberen Rand des Teasers, als Hintergrund für das Icon oder für beides verwendet wird.
- Link: Wenn Sie nur einen Link ohne Linktext setzen, erscheint am unteren Ende des Teasers ein kleiner Pfeil und der ganze Teaser wird verlinkt.
- Linktext: Wenn Sie einen Linktext eintragen, wird ein Button mit diesem Text angezeigt und mit der URL verlinkt.
Teaseranzahl pro Reihe festlegen
Im Reiter Erscheinungsbild legen Sie fest, wie viele Teaser pro Zeile am Desktop angezeigt werden.
Auf mobilen Endgeräten werden Teaser immer untereinander dargestellt.
Erscheinungsbild festlegen
- Reiter Erscheinungsbild: Hier legen Sie fest, wie das Inhaltselement angezeigt wird.
- Layout (1-4 Spalten): Legen Sie fest, wie viele Teaser am Desktop nebeneinander stehen. Dies wirkt sich auf ihre Größe aus. Auf mobilen Endgeräten wird automatisch ein Teaser pro Zeile dargestellt.
- Alternativer Hintergrund: Aktivieren Sie den Schieberegler, um das Inhaltselement hellgrau zu hinterlegen.
- Links in Menüs zeigen: Wenn Sie ein Inhaltsverzeichnis auf der Seite anlegen, erscheint die Überschrift des Inhaltselements darin als Link.
- Link zum Seitenanfang anfügen: Fügt am Ende des Elements einen „Nach oben“-Link ein.
Veröffentlichung festlegen
- Reiter Zugriff: Hier steuern Sie die Sichtbarkeit des Inhaltselements auf der Website.
- Sichtbarkeit: Aktivieren Sie den Schieberegler, um das Inhaltselement auf der Website anzuzeigen oder auszublenden.
- Veröffentlichungsdatum: Hier können Sie festlegen, ab wann das Inhaltselement automatisch veröffentlicht wird. Das ist hilfreich, wenn die Veröffentlichung während Ihrer Abwesenheit erfolgen soll.
- Ablaufdatum: Hier können Sie ein Datum eintragen, ab dem das Inhaltselement nicht mehr angezeigt wird.
- Zugriffsrechte für Benutzer*innengruppen: Bestimmen Sie, ob das Inhaltselement nur für angemeldete Nutzer*innen sichtbar sein soll.
Weitere Anleitungen für Typischer Seiteninhalt
Haben Sie noch Fragen?
Sie haben Fragen oder Anmerkungen zu den TYPO3 Anleitungen?