Die Teaser-Sektion ist ein Bereich, in dem man unterschiedliche Teaser platzieren kann. Teaser (Anreißer) sind u.a. kurze Text- oder Bildelemente, die zum Weiterlesen, -sehen, -klicken verleiten sollen. Die Teaser-Sektion steht auf allen Seiten des Auftritts zur Verfügung, sodass sie kreativ genutzt werden kann.

Es stehen folgende Teaser zur Verfügung:

  • Bild-Teaser
  • Erweiterter Teaser
  • Zitat-Teaser
  • Links-Teaser
  • Applikations-Teaser

Nach dem Aufruf der Teaser-Sektion unter dem Menüpunkt "Sektionen" im Seitenfuß, erhält man folgende Vorlage;

Bild der Vorlage

Die Überschrift ist optional, erscheint aber im Frontend. Sie kann z.B. eine Zusammenfassung der veröffentlichten Teaser sein. Das Feld "Intro" ist für eine kurze Einleitung vorgesehen, das Feld "Outro" für einen Abgesang. Beide Felder sind optional. Zum Abschluss gibt es unter "Button" (3) die Möglichkeit, einen allgemeingültigen Link einzufügen.

Nach einem Klick auf "Optionen" (1) hat man drei Auswahlverfahren:

Anzahl der Spalten. Es können zwei oder drei Teaser nebeneinader stehen.

Hintergrundfarbe der Teaser-Sektion. Man hat die Wahl zwischen keine Hintergrundfarbe, hell (helles Grau) und dunkel (Rot). 

Layout. Angeboten werden die Tabellenform (Grid) oder ein Slider. Beim Slider werden alle Teaser in einer Reihe veröffentlicht und man kann sich durchklicken.

 

Abb der verfügbaren Teaser
Die verfügbaren Teaser

Jetzt kommen wir zum Teaserfeld (2) mit dem Namen "Neu". Nach einem Klick darauf öffnet sich eine Vorlage, in der man zunächst unter "Typ" den gewünschten Teaser wahlt. Voreingestellt ist der Bild-Teaser.

Wenn der erste Teaser in der Reihe fertig ist, kann man mit einem Klick auf +Neu den nächsten in Angriff nehmen. So kann man eine informative Leiste mit unterschiedlichen Elementen erstellen. Die Reihenfolge der Teaser kann man einfach durch Verschieben ändern.

Eingabefeld des Bild-Teasers

Bild-Teaser

Als erstes wird das Feld "Bild hinzufügen" bzw. "Datei hochladen" angeboten. Das Bild kann entweder den Dateien entnommen oder hochgeladen werden. Das beste Ergebnis enthält man mit einem Format 16:9 (z.B. 800 x 450 Pixel)  Die Bildinformationen bitte nicht vergessen.

Als nächstes muss die Überschrift des Teasers eingegeben werden. Es folgt das Feld für den weiterführenden Link.

Zum Schluss ist noch eine kurze textliche Beschreibung möglich.

Vorlage "Erweiterter Teaser"

Erweiterter Teaser

Der erweiterte Teaser ist wie der Bild-Teaser aufgebaut, nur der Link wird unter "Button" eingetragen.

Der erweiterte Teaser hält sich nicht an das gewählte Layout, sondern erstreckt sich je nach Position innerhalb der Teaserleiste über 2 oder 3 Spalten, bzw. senkrecht über 2 Teaserhöhen.

Screenshot der Vorlage Zitat-Teaser

Zitat-Teaser

Mit diesem Teaser kann man ein Zitat - mit oder ohne Bild - optisch ansprechend platzieren. Angeboten werden:

  1. Bild hinzufügen. Es erscheint als Kreis.
  2. Zitat: Hier ist der Platz um das gewünschte Zitat ohne Anführungszeichen einzufügen.
  3. Überschrift: Hier ist Platz für den Namen des Autors des Zitats.
  4. Positionierung.
    Text zentrieren: Text und Bild werden nicht linksbündig, sondern auf Mittelachse dargestellt.
    Elemente stapeln: Das Bild erscheint über dem Zitat.
    Groß anzeigen: Der Teaser geht je nach Position über 2 oder 3 Spalten bzw. Zeilen.

 

Darstellung des Links-Teasers

Links-Teaser

Mit diesem Teaser kann man bequem eine Linkliste aufbauen. Die Überschrift ist ein Pflichtfeld, ansonsten kann man die Links so auswählen wie man sie benötigt. Durch einen Klick auf "Link hinzufügen" öffnet sich die Liste der möglichen Verlinkungen. Die Zahl der Links ist nicht begrenzt. Einzelne Links können bei Bedarf mit Hilfe des Windrads verschoben werden. Einzelne Links können auch gelöscht werden.

Vorlage des Applikations-Teasers

Applikations-Teaser

Diesen Teaser stellen wir Usern zur Verfügung, die ihren Webauftritt mit html-Codes aufpeppen wollen.  Der Teaser nimmt umfängliche HTML-Befehle, aber auch Skripte unterschiedlicher Programmiersprachen auf, so dass es entsprechend genutzt werden kann. Nach dem Pflichtfeld "Überschrift" folgt das Feld für die Eingabe des Codes oder Scripts.

 

Beispiel einer Teaserleiste

Porträt von Katarina Barley
Wir wollen ein Europa, das das Leben aller Menschen besser, einfacher, sicherer macht.
Katarina Barley, Europa-Spitzenkandidatin
Viele Hände mit roter Farbe

Erweiterter Teaser

Das Jahr wird rot!

Fragen, Probleme? Hier wird euch umfassend geholfen: cms-admin@spd.de