Ab Version 1.3 können Inhaltselemente mit kuratierten - und optional individuell gestalteten - Teasern gesetzt werden (in Seiten, Artikeln und FAQ-Einträgen). Zu fast allen Inhaltstypen und Taxonomiebegriffen können Teaser gesetzt werden.
Bisherige Optionen
- Weiterführende Links als Liste unter den Artikeltext setzen.
- Unter Artikeln Teaser zur Veranstaltung, zu Profilen Kulturschaffenden, zu Orten setzen, die im Artikel erwähnt wurden (über das entsprechende Feld auswählen). Diese Verknüpfung sorgt dann dafür, dass auf der verlinkten Seite automatisch auch ein Teaser zum Magazinartikel gesetzt wird.
Neue Nutzungsszenarien
- Eine Redakteurin möchte Teaser zu Inhalten zwischen den Fließtext setzen
- Ein Projektverantwortlicher möchte einen Teaser zur Website eines Projektpartners gestalten
- Unter einem FAQ-Beitrag sollen Teaser zu detaillierteren Informationsseiten gesetzt werden
- Eine Seite mit Vereinsinformationen sollen mit unübersehbaren Links auf das Mitgliedschafts-Antragsformular und eine Mitgliederübersicht verweisen
Aufbau der Teaser
Standardmäßig werden die wesentlichen Elemente aus dem verlinkten Inhalt übernommen, man muss also einfach nur den Inhalt aussuchen.
- Titel (Name, Überschrift)
- Untertitel (Slogan, Subheadline)
- Hauptbild
- Teasertext (Zusammenfassung oder gekürzte Fassung von Textkörper, Profiltext, Beschreibung)
Beispiele
Diese Teaser wirken jetzt allerdings aus dem Kontext gerissen. Das könnnen wir ändern und mittels der Überschreibungen einen Bezug herstellen:
Platzierung der Teaser
Damit grundsätzlich die Möglichkeit besteht, Teaser in einem Bereich zusammenzufassen und diesen Bereich gestalterisch hervorzuheben, werden alle Teaser in einen "Teaserbereich" gesetzt. Hierzu wählen wir unter "Inhaltelemente" die Schaltfläche "Teaserbereich hinzufügen. Innerhalb dieses Bereichs haben wir dann drei weitere Schaltflächen:
- Teaser zu Inhalt
- Teaser zu Begriff
- Externer Teaser
Erforderlich ist bei den ersten beiden nur die Auswahl des entsprechenden vorhandenen Inhalts/Begriffs. Der Inhalt muss veröffentlicht sein, sonst kann er nicht ausgewählt werden. Beim externen Teaser muss neben der URL (beginnend mit https://) zwingend ein Link-Titel angegeben werden. Die weiteren Felder in den Aufklappbereichen sind optional.
Gestaltungsmöglichkeiten
Darstellung
Sowohl für die einzelnen Teaser als auch für den Teaserbereich kann die "Darstellung" ausgewählt werden. Standardmäßig bietet OpenCulturas zwei verschiedene Hintergrundgestaltungen an: "Slight contrast" ergibt einen hellgrauen Hintergrund (wie oben demonstriert). "Vivid contrast" setzt einen Farbverlauf in den Hintergrund.
Hinweis für Themer:innen
Die Auswahl einer der beiden Darstellungsoptionen setzt eine CSS-Klasse. Diese Klasse verwendet custom properties ("CSS-Variablen"), die für die jeweilige OpenCulturas-Instanz an einer Stelle im Subtheme oder CSS-Injector global geändert werden können (_variables.scss).
Hinweis für Entwickler:innen
Über Paragraphs Behaviors können weitere Auswahlmöglichkeiten bereitgestellt werden. Um die Updatefähigkeit zu erhalten, erstellt dann bitte einen Fork des Moduls "OpenCulturas - Teaser" in eurer Instanz und verwendet dieses. Wenn ihr eine Ergänzung vorschlagen möchtet, die auch für andere OC-Instanzen von Nutzen sein können, erstellt bitte einen entsprechenden Patch in einem Issue auf Drupal.org.
Anzeige
Im Teaserbereich kann zusätzlich die "Anzeige" geändert werden: Anstatt standardmäßig untereinander können die Teaser in einem Slider oder je zwei nebeneinander ("Side by side") ausgespielt werden.
Hinweis für Sitebuilder:innen
Die Anzeige verwendet Drupal-View-Modes ("Displays"). Es können weitere View-Modes für den Paragraph "Teaser section" angelegt werden, die dann automatisch zusätzlich zur Auswahl zur Verfügung stehen (/admin/structure/paragraphs_type/teaser_wrapper/display).
Wir bedanken uns bei unserem Mitglied CMS Garden für die OpenCulturas-Contribution "Redaktionell gestaltbare Teaser" und demonstrieren abschließend den gestalteten Teaser zur einer externen Website:
