icon-symbol-logout-darkest-grey

Webkit InhaltselementTeaser

Teaser sind im Webkit die primären Elemente, über die weitere interne oder externe Seiten verlinkt werden. Jeder Teaser kann auf beliebig vielen Seiten eingehängt werden und führt immer zum gleichen Ziel. Es gibt sogar Teaser, die Links zu mehreren Seiten enthalten.

Teaser in der Inhaltsübersicht

Alle im Webkit enthaltenen Teaser befinden sich im Reiter Teaser der Inhaltsübersicht. Teaser enthalten dabei grundsätzlich einen Admin-Titel, der das Wiederfinden in der Datenbank erleichtert, aber nicht einzigartig sein muss. Trotzdem sollte eine geeignete Namenskonvention entwickelt und angewendet werden.

Jeder Teaser enthält außerdem Informationen über den Typ  sowie den Link beziehungsweise die URL der durch ihn verlinkten Seite.
Des Weiteren enthält jeder Teaser eine Sprache und eine:n Autor:in, sowie das letzte Bearbeitungsdatum Zuletzt gespeichert.

In der Spalte Aktionen kann über Bearbeiten wird das Bearbeiten-Fenster geöffnet, und mit Übersetzen eine Übersetzung angelegt werden. Außerdem befinden sich dort auch die Aktionen Duplizieren und Löschen.

Im Webkit werden alle im System eingepflegten Teaser in einer Listenansicht dargestellt.

Teaser erstellen

Neue Teaser können direkt über den Button Teaser auswählen in der Datenbank erstellt werden. Ebenso ist es aber auch möglich, neue Teaser direkt beim Erstellen oder Bearbeiten einer Seite anzulegen.

Teaser enthalten grundsätzlich einen Typ und einen Admin-Titel, der das Wiederfinden in der Datenbank erleichtert, aber nicht einzigartig sein muss. Trotzdem sollte eine geeignete Namenskonvention für Teaser wie auch für andere Medien entwickelt und angewendet werden. Außerdem enthält jeder Teaser einen Titel, der im Teaser selbst angezeigt wird, und einen Link zu der Zielseite des Teasers. Wird ein Link verwendet, der nicht zu einer Seite innerhalb des Webkits führt, sollte die Seite im Browser geöffnet werden und die Adresse aus der Adresszeile in das Feld Link kopiert werden. So lässt sich sicherstellen, dass das Webkit den Link richtig erkennt und verarbeiten kann. Eine interne Seite kann direkt über deren Admin-Titel verlinkt werden, das System trägt die systemweite Adresse automatisch ein.

Beim Einpflegen eines Teasers ins Webkit werden verschiedene weitere Informationen zur Auswahl gestellt.

Das Feld Dachzeile bietet die Möglichkeit, den Teaser mittels eines kurzen Schriftzugs oberhalt des Titels in kurzen Worten thematisch einzubetten. Bleibt dieses Feld leer, zeigt der Teaser automatisch die Dachzeile der verlinkten Seite an. Enthält die dahinterliegende Seite auch keine Dachzeile, bleibt der Bereich leer.

Klickanleitung: Teaser ins System erstellen mit hervorgehobener Dachzeile.

Standard Teaser Typen

Je nach Teaser Typ können weitere Felder enthalten sein:
Image sowie Visual Teaser enthalten einen Bereich, in dem ein Bild für den Teaser ausgewählt werden kann. Für Visual Teaser kann außerdem ein schwarzer Text ausgewählt werden. Description Teaser enthalten statt eines Bildes einen Textbereich, in dem ein kurzer Text angegeben wird. Dieser Text sollte nicht zu lang sein, damit weitere Teaser nicht zu sehr in die Länge gezogen werden. Außerdem ist zu beachten, dass der Text in der mobilen Ansicht nicht zu sehen ist - Titel und Dachzeile müssen also zum Verständnis ausreichen. Multiple Links Teaser ermöglichen das Verlinken von mehreren Zielseiten, jeweils mit eigenem Linktext und Dachzeile.

Diese vier Teaser werden als Standard Teaser Typen bezeichnet.

Darstellung der vier Standard Teaser Typen im Webkit.
  • Zum Vollbildmodus wechseln

    Darstellung eines Visual Teasers und dessen Bearbeiten-Fensters.
  • Zum Vollbildmodus wechseln

    Darstellung eines Image Teasers und dessen Bearbeiten-Fensters.
  • Zum Vollbildmodus wechseln

    Darstellung eines Description Teasers und dessen Bearbeiten-Fensters.
  • Zum Vollbildmodus wechseln

    Darstellung eines Multiple Links Teasers und dessen Bearbeiten-Fensters.

Komplexe Teaser Typen

Zusätzlich zu den grundlegenden, überall verwendbaren und grau hinterlegten Teaser Typen gibt es noch zwei komplexere Teaser, einer davon ist der Sidebar Teaser. Dieser Teaser liegt immer transparent auf dem weißen Website-Hintergrund und vereint mehrere Elemente der Standard Teaser: kurzen Anrisstext im Bereich Description, 2–3 Links in einer Linkliste sowie ein Aktionsbutton, der unterhalb der Links angezeigt wird. Grundsätzlich werden Sidebar Teaser für das Teasern ganzer Themenbereiche verwendet, die Links ermöglichen dabei den Schnelleinstieg in die wichtigsten Themenseiten, während der Button auf die übergeordnete Übersichtsseite führt. 

Sidebar Teaser können auf einer Seite im Inhalts-Bereich im Paragraph Teaser mit ausgewählter Darstellungsvariante Sidebar eingehängt werden. Da Sidebar Teaser immer den eigenen Titel anzeigen sollten, wird das Titel Feld des Paragraph Teaser auf der Seite selbst grundsätzlich leer gelassen.

Darstellung eines Sidebar Teasers und dessen Bearbeiten-Fensters.

Der zweite komplexe Teaser ist der Navigation Teaser, der inhaltlich und technisch etwas anders funktioniert. Dieser Teaser ermöglicht es, automatisch alle Seiten in der Ebene unterhalb einer gewünschten Seite zu verlinken. Dazu muss lediglich der Menüeintrag der gewünschten Seite ausgewählt werden. Wird dieser Teaser auf einer Seite im Paragraph Teaser mit der Darstellungsvariante Menü eingehängt, werden automatisch alle Unterseiten als Links aufgelistet. Der Link Alle Themen… führt dabei zur ausgewählten Seite selbst.

Klickanleitung, um die Hauptnavigation des Webkits durch einen Navigations Teaser abzubilden.

Teaser einpflegen innerhalb von Seitenelementen

Teaser können auch innerhalb von Paragraphen eingehängt werden. Über den Button Teaser auswählen öffnet sich eine Auswahlmaske, in dem im Tab Teaser erstellen die meisten Felder des Bearbeiten-Fensters eines Teasers vorhanden sind. Einzige Ausnahme ist die Sprache, diese wird von der Seite, in die der Paragraph eingehängt ist, übernommen. Wurden alle Felder befüllt, wird der Teaser über Hinzufügen sowohl dem System und damit dem Inhaltsreiter Teaser als auch der Seite hinzugefügt. Sollen auf diese Weise komplexe Teaser Typen erstellt werden, so ist darauf zu achten, dass im Darstellungsvariante-Dropdown im Paragraph der Typ Sidebar für einen Sidebar und der Typ Menü für den Navigation Teaser ausgewählt ist.