Teaser für Unterseiten (Seitenteaser)

Auf einen Blick

Seitentypen:

  • alle

Position:

  • frei innerhalb der Inhaltsspalte
  • Empfehlung: unterhalb des Einführungstextes und überhalb der Artikel-Teaser

Funktion:

  • Bewerben von wichtigen Inhalten. Links führen auf eine weitere, meist untergeordnete Seite mit ausführlichen Informationen.

Inhalte:

  • Bild (min. 430 x 223 Pixel), Titel (max. 100 Zeichen), Text (max. 200 Zeichen), Link
  • Bild und Titel sind mit der Zielseite verlinkt.
  • Ist das Bild im Minimalformat eingebunden, wird es nicht beschnitten. Ansonsten erfolgt der Beschnitt von unten/rechts.

Varianten:

  • Einspaltig: spaltenbreiter, horizontal angeordneter Teaser mit Titel, Link, Text und optional einem Bild
  • Zweispaltig: zwei gleich breite, vertikal angeordnete Teaser nebeneinander mit Titel, Link und optional Text und/oder Bild
  • Dreispaltig: drei gleich breite, vertikal angeordnete Teaser nebeneinander mit Titel, Link und optional Text und/oder Bild
  • Die Teaser können in mehreren Reihen miteinander kombiniert werden. Dabei sollten Teaser mit Bild über Teasern ohne Bild angeordnet werden.

Bedienung

Hinweis:

  • Das Seitenverhältnis dieser Teaser beträgt in der Regel 1 : 1.9. Sobald ein Bild größer als 430 x 223 Pixel ist, wird es automatisch auf die Mindestbreite skaliert und rechts unten beschnitten.

Tab Teaser:

  • Sobald ein Teaser ausgefüllt ist, wird er angezeigt.
  • Ist ein Teaser nicht ausgefüllt, wird er nicht angezeigt.
  • Es können mindestens einer und maximal drei Teaser ausgefüllt sein.
  • Teaser können mit und ohne Bild veröffentlicht werden. Bei zwei- und dreispaltigen Teasern müssen alle Teaser einheitlich entweder mit oder ohne Bild umgesetzt werden.

Checkbox:  Dieses Element verbergen

  • Checkbox, durch welche der ausgewählte Slide aus- bzw. eingeschaltet werden kann. Ist ein Teaser deaktiviert, rücken die aktiven Teaser automatisch auf.

Bild:  

  • Auflösung mindestens 430 x 223 Pixel
  • Wird das Bild in exakt diesen Maßen eingebunden, wird es nicht mehr beschnitten. Sobald ein Bild in der Breite oder in der Höhe größer als die vorgegebene Angabe ist, wird das Bild automatisch auf die Mindestbreite skaliert und unten rechts beschnitten.
  • Möglich sind die Formate GIF, JPG/JPEG oder PNG.

Bildbeschreibung (Pflichtfeld): 

  • Bildschreibungen sind im Rahmen der rechtlichen Vorgaben zur Barrierefreiheit von Webseiten obligatorisch.
  • Das Feld enthält Informationen für Sehbehinderte und Suchmaschinen: Die über das Bild transportierte Aussage soll kurz beschrieben werden. 

Hintergrundfarbe:

  • hellgrau: reguläre Farbe, die für alle Seiten-Teaser verwendet werden kann
  • hellblau: starke Hervorhebung, empfohlen für Tipps
  • gelb: starke Hervorhebung, empfohlen für wichtige Hinweise
  • dunkelblau: starke Hervorhebung, empfohlen für besonders aktuelle Inhalte

Überschrift (Pflichtfeld):  

  • max. 100 Zeichen 

Text

  • max. 200 Zeichen 

Link (Pflichtfeld)

  • Links führen auf eine weitere, meist untergeordnete Seite mit ausführlichen Informationen.

Darstellungsvarianten

hellgrau: reguläre Farbe, die für alle Seiten-Teaser verwendet werden kann

hellblau: starke Hervorhebung, empfohlen für Tipps

gelb: starke Hervorhebung, empfohlen für wichtige Hinweise

dunkelblau: starke Hervorhebung, empfohlen für besonders aktuelle Inhalte

Haus 9 am Canpus Neues Palais

Neues zum Letfaden

optionaler Text

Mitarbeiterin des CMS-Teams nimmt Anruf entgegen

Hilfe & Unterstützung

Bei Fragen schreiben Sie eine Nachricht an das ZIM: zim-cms-teamuni-potsdamde