Hervorhebung/Teaser

Diese Inhaltselemente werden eingesetzt, um Text und Bild farbig auf der Webseite hervorzuheben. Dies können z.B. kurze und wichtige Aussagen oder Verweise auf Unterseiten sein. 

Beispiel für den Einsatz von Hervorhebung / Teaser

Das ist ein Beispiel mit drei Hervorhebungen jeweils mit Fotos und Verlinkungen. Die Hervorhebungen sind in einem Container 33:33:33 (Rastelement) platziert.

Schritt-für-Schritt Erklärung zur Erstellung

Öffnen Sie die gewünschte Seite im TYPO3-Backend und gehen Sie in die Seitenansicht und klicken Sie im Contenbereich auf das Plus-Symbol. Über die Auswahl "Typischen Seiteninhalt" wählen Sie den Typ "Hervorhebung/Teaser" aus.

Eingabe von Überschrift, Text und Foto sowie Verlinkung (als Button)

  • Sie können den Teaser nun mit einer Überschrift versehen. Diese Überschrift können Sie zusätzlich verlinken, indem Sie das Feld "Link" ausfüllen. Über das Feld "Beschriftung Mehr-Buttons" können Sie zwischen drei Optionen "Mehr", Weiter" und Info" die passende Weiterleitung auswählen.
  • Über die Felder "Style (Vollfläche oder Kontur) und "Farbe" sowie "Text" definieren Sie Form und Inhalt des Teasers.
  • Die Texteingabe erfolgt imText. Hier haben Sie keine zusätzlichen Formatierungsmöglichkeiten.
  • Ein zusätzliches Foto (oder Video) kann die optische Wahrnehmbarkeit erhöhen. Dieses fügen Sie über den Reiter "Medien" hinzu.

Eingabe von Verlinkung (als Label unterhalb des Textes)

  • Zusätzlich können Sie unterhalb der Texteingabe  mit den Button “Link”: + neu anlegen" eine weitere oder mehrere Verlinkung anlegen.
  • Speichern Sie jeweils die Eingaben.

Wichtig: Entweder eine Verlinkung in der Hervorhebung oder Linkliste (unten als Labels) wählen, nicht beide Verlinkungsmöglichkeiten gleichzeitig anbieten.

Beispiele für Linkauszeichnungen bei “Link”: + neu anlegen

Hinweise zur Farbnutzung

Bei der Nutzung von mehreren Farben ist auf ein stimmiges Gesamtbild zu achten:

  • Helle Varianten bei Flächen mit vielen farbigen Hervorhebungen nutzen!
  • Satte Varianten bei einspaltigen Modulen oder Boxen zur Akzentsetzung und visuelle Betonung nutzen!
  • Pro Unterseite sollten maximal zwei Farben kombiniert werden (+ Graustufen)
  • Uni-rot hat Signalwirkung:  Boxen dieser Farbe sollten nur sparsam eingesetzt werden.

Blau hell

Blau satt

Grün hell

Grün satt

Petroll hell

Petrol satt

Ausnahme mit Zwischenlinien

Wie er­hal­te ich die Li­ni­en zwi­schen den Text­zei­len?

Teaser mit Linien

vollflächig farbig oder nur mit Kontur


mit oder ohne Überschrift


ohne oder mit Linkauszeichnungen

Fügen Sie jeweils exakt drei Bindestriche zwischen den Textzeilen im Feld "Text" ein.

Ausnahme mit Nummerierung

Wie er­hal­te ich die nummerierte Liste zwi­schen den Text­zei­len?

Nummerierte Liste

  1. auch hier freie Farb- und Konturwahl
  2. mit oder ohne Überschrift oder Linkauszeichnung
  3. aber mit nummerierter Liste

Fügen Sie jeweils exakt drei Bindestriche zwischen den Textzeilen im Feld "Text" ein

Fügen Sie eine nummerierte Liste vor dem Text ein.