Das Inhaltselement „Karussell“

Ein Karussell / Slider ist ein Inhaltselement, das durch seine Animation den Blick auf sich lenkt und gleichzeitig platzsparend auf mehrere wichtige Inhalte hinweisen kann. Es eignet sich auch dazu, mehrere Call-To-Action Elemente an einer Stelle unterzubringen. Idealerweise sind die Inhalte der einzelnen Karussell-Elemente von ähnlicher Wichtigkeit.

Slider / Karussells sollten sparsam eingesetzt werden. Sie eignen sich vor allem für Start- oder Übersichtsseiten.

Ein „Karussell“ anlegen

Sie befinden sich im Modul Seite und haben im Seitenbaum die Seite ausgewählt, auf der Sie den Slider platzieren wollen. Klicken Sie auf +Inhalt und wählen Sie auf dem Reiter Interaktiv das Element Karussell. Wie neue Inhaltselemente angelegt werden, beschreiben wir an anderer Stelle genauer.

Ein Karussell-Element kann nur in der Hauptspalte angelegt werden, jedoch nicht in der Randspalte und nicht innerhalb der Spalten mehrspaltiger Layouts — ein Karussell / Slider benötigt Platz um die erwünschte Aufmerksamkeit auf sich zu ziehen.

Das „Karussel“ konfigurieren

Zunächst haben Sie nur ein Containerelement angelegt, in dem Sie wiederum eine Anzahl von Karussel Elementen anlegen können. Schauen wir uns jedoch zuerst die Einstellungen des Karussells an.

Als Überschrift ist Karussell und als Typ Verborgen voreingestellt. Das ist eine Empfehlung, die Sie jederzeit ändern können. Typischerweise steht ein Karussell jedoch nicht unter einer Überschrift, da die Inhalte selbst wichtiger sind als das umgebende Element.

Unter Erscheinungsbild sorgt die Option Nein bei Kasten dafür, dass der Slider ohne Rahmen angezeigt wird. Steht Kasten auf ja, wird das Element auf einer gegebenenfalls farbigen Fläche dargestellt, die dann als breiter Rahmen erscheint. Die Hintergrundfarbe des Rahmens kann im Backend festgelegt werden.

Auf dem Reiter Karussell Optionen können Sie die Anzeigedauer der Karussell Elemente anpassen, also das Intervall in ms. Die Anzeigedauer wird in Millisekunden angegeben. Je mehr Text zu sehen ist, desto länger sollten die einzelnen Elemente angezeigt werden. Typischerweise sollte der Inhalt jedoch sehr kurz sein und schnell erfasst werden können, so dass die voreingestellten 5000ms ausreichen.

Für den Wechsel zwischen den Karussell Elementen können Sie zwischen zwei Varianten für den Übergang wählen. Bei Verblassen werden die Elemente ineinander überblendet, alternativ können sie von der Seite in den sichtbaren Bereich Gleiten.

Die einzelnen Elemente eines Sliders / Karussells können von Besucher*innen durch Klick auf kleine Buttons (im Formular Blasen genannt) untem im Karussell direkt ausgewählt werden. Überschrift oder Navigationstitel der Karussel Elemente werden stattdessen angezeigt, wenn Sie das Häkchen bei Navigationstitel anzeigen setzen.

„Karussell Elemente“ anlegen

Ein Karussell braucht mehrere, aber nicht zu viele Karussell Elemente. Drei Elemente sind ein guter Kompromiss.

Auf dem Reiter Allgemein klicken Sie unter Karussell Element auf + Neu anlegen. Es öffnet sich ein Formular für ein neues Element. Entscheiden Sie sich bei Typ für Überschrift oder Text. Bei Wechsel des Typs ist eine Aktualiserung des Formulars notwendig, die Sie bitte Bestätigen. Füllen Sie anschließend das Pflichtfeld Überschrift.

Wählen Sie bei Layout zwischen heller Schrift und dunkler Schrift. Achten Sie darauf, dass Hintergrund und Schrift ausreichend kontrastieren.

Ist in den Karussell Optionen die Option Navigationstitel anzeigen aktiviert, werden die Überschriften der Elemente als Menüpunkte des Karussells verwendet. Alternativ können Sie einen davon abweichenden Navigationstitel eintragen.

Mit dem Feld Link kann das ganze Element verlinkt werden. Ein Element des Typs Text darf dann keinen eigenen Link enthalten.

Ein Slider / Karussell funktioniert am besten mit stimmungsvollen Bildern. Im Reiter Hintergrund fügen Sie Ihrem Karussel Element ein Hintergrundbild hinzu. Das ausgewählte Bild wird immer die gesamte Fläche des Sliders bedecken und wird dazu gegebenenfalls an den Rändern beschnitten. Unter Optionen für Hintergrundbilder können Sie das Hintergrundbild optisch anpassen. Hellen Sie es mit der Option Verblassen auf oder fügen Sie einen der Filter hinzu. Wichtig ist ein großer Kontrast zwischen Bild und Schrift.

„Karussell Elemente“ verschieben, deaktivieren und ändern

Mit Klick auf den Titel eines Karussell Elements, können Sie es ein- und aufklappen. Jedes Element hat eine Reihe von Schaltflächen am rechten Rand. Mit dem ersten Schalter können Sie das Element deaktivieren. Das Papierkorb-Symbol löscht das Element. Mit dem Pluszeichen können Sie hinter dem Element ein weiteres Element anlegen.

Um die Reihenfolge der Elemente zu ändern verwenden Sie die Pfeile oder das letzte Piktogramm mit den drei Linien. Klicken Sie dazu darauf und halten Sie die Maustaste gedrückt. Verschieben Sie das Element an die gewünschte Position und lassen Sie die Maustaste los.