Die Demo zeigt die vielfältigen Möglichkeiten für die Zusammenstellung eines Storytellers aus neuen und vorhandenen Inhalten.
Die Funktion „Storyteller“
Baut eine bildschirmfüllende Abfolge von animierten Inhalten mit eigener Navigation auf. Die Anzeige jeder einzelnen „Seite“ kann dabei individuell eingestellt werden.
Um eine Seite mit dem Storyteller zu erstellen gehen Sie wie folgt vor:
- Erstellen Sie eine neue Seite im Sitemap-Editor.
- Öffnen Sie die neu angelegte Seite im Seiteneditor.
- Entfernen Sie ALLE Elemente und Gruppen von der neu erstellten Seite, einschließlich Kopf- und Fußbereich.
- Wenn Sie alles korrekt entfernt haben, bleibt nur ein roter „Basis-Container“ übrig.
- Öffnen Sie das Menü „Inhalte hinzufügen“ (Zauberstab). Öffnen Sie dort die Ansicht „Forgeschrittene Elemente“ und klicken Sie auf „Dynamische Funktionen“.
- Ziehen Sie die dynamische Funktion „Storyteller“ in den roten Container auf der leeren Seite.
- Die Seite wird automatisch neu geladen und die Navigationselemente des Storytellers werden angezeigt.
- Der Storyteller ist nun eingerichtet und kann mit Inhalten gefüllt werden.
Bitte beachten Sie, dass der Storyteller nur dann wie vorgesehen funktioniert, wenn zuvor alle Elemente von der Seite entfernt wurden, also auch Kopf- und Fußbereich!
Die Grundkonfiguration des Storytellers legen Sie über dessen Element-Einstellungen selbst fest.
Der Storyteller zeigt immer rechts oben ein „Burger-Menü“ an. Im Seiteneditor wird rechts unterhalb dieses Menüs der Edit-Punkt für die Element-Einstellungen angezeigt.
Aus dem „Zauberstab-Menü“ können nun Inhaltselemente per Drag & Drop in den Storyteller gezogen werden.
Die Darstellung der einzelnen Inhaltselemente kann individuell eingestellt werden. Die Liste der unterstützten Elemente und die Beschreibung der Element-Einstellungen finden Sie unter Verfügbare Formatter.
Als Besonderheit wird im Seiteneditor des Storytellers oben rechts ein „rotes Zahnrad“ angezeigt. Mit diesem können Sie in die Ansicht „Storybearbeitungsmodus“ wechseln.
- Im Storybearbeitungsmodus werden die Elemente des Storytellers kompakt als graue Kästen dargestellt und der Inhalt auf die Überschrift reduziert.
- Dadurch ist es wesentlich einfacher, die Anordnung der Elemente in der Story zu ändern.
- Wenn Sie im Storyteller mit Drag & Drop neue Elemente hinzufügen, wechselt die Ansicht automatisch in den Storybearbeitungsmodus.
Der Soryteller kann auch Medien darstellen. Die folgenden Medientypen werden unterstützt:
- Video von YouTube
- Externes Video oder Video aus dem MAM
- SoundCloud Audio
- Externes Audio oder Audio aus dem MAM
Medien mit flexiblem Inhalt werden im Storyteller nicht unterstützt. Diese können nicht in den Storyteller eingefügt werden.
Für die mobile Darstellung von Artikeln, Lockvögeln und Inhalts-Abschnitten im Storyteller gibt es über die Element-Einstellung „Storyteller Darstellung“ verschiedene Möglichkeiten Text und Bild anzuordnen.
Zum einen kann der Text sowohl in der mobilen als auch in der Desktop-Ansicht immer direkt auf dem Bild dargestellt werden.
In der mobilen Ansicht kann der Text zusätzlich entweder direkt auf dem Bild oder farblich hinterlegt über oder unter dem (dann kleineren) Bild angezeigt werden. In der Desktop-Ansicht wird der Text dann wahlweise rechts oder links des Bildes farbig hinterlegt angezeigt.
Der Storyteller zeigt in der Navigation standardmäßig die in der Konfiguration des Cookie-Banners angegebenen Links auf die Seiten „Impressum“, „Datenschutz“ und „Rechtliche Hinweise“ an.
Über die Element-Einstellung Navigation Impressum-Links des Storytellers können diese Links auch ausgeblendet werden.
Verfügbare Formatter
Dieser Formatter erzeugt die spezielle Darstellung des Inhalts für die dynamischen Funktion Storyteller.
Dieser Formatter erzeugt die spezielle Darstellung des Inhalts für die dynamischen Funktion Storyteller.
Dieser Formatter erzeugt die spezielle Darstellung des Inhalts für die dynamischen Funktion Storyteller.
Dieser Formatter erzeugt die spezielle Darstellung des Inhalts für die dynamischen Funktion Storyteller.
Dieser Formatter erzeugt die spezielle Darstellung des Inhalts für die dynamischen Funktion Storyteller.