Zum Inhalt der Seite springen

Carousel-Element anlegen

Schritt 1

Sie haben das Content-Element Carousel gewählt. Fügen Sie zuerst eine Überschrift hinzu und bestimmen Sie bei Typ die Schrift­größe (Standard, Kleiner oder verbergen Sie die Über­schrift). Wahlweise können Sie auch eine Unterüberschrift einpflegen.
Mehr dazu, wie Sie Carousel-Elemente anlegen im nächsten Schritt.
 


Schritt 2

Sie haben auf Neu anlegen geklickt. Es öffnet sich ein Fenster in welchem Sie Ihr Carousel-Element bearbeiten können. Fügen Sie zuerst einen Titel und eine Beschreibung hinzu. Über die kleinen Symbole oberhalb des Textfeldes können Sie den Schriftschnitt ändern oder mit Nummerierungen oder Aufzählungspunkten darstellen und den Blocksatz zentriert, rechts- oder linksbündig einstellen. Sie können einzelne Wörter oder Sätze verlinken, indem Sie diese markieren und anschließend auf das Verlinkungssymbol klicken. Nun öffnet sich ein neues Fenster. Hier können Sie wählen, ob Sie auf eine Seite, eine Datei, einen Ordner, eine externe URL oder E-Mail Adresse verlinken möchten. Sie können den Link durch einen Button hervorheben, indem Sie im Dropdown-menu Stil den Button auswählen.  


Schritt 3

Um dem Carousel-Element ein Bild hinzuzufügen klicken Sie bei Media auf Datei hinzufügen. Es öffnet sich ein neues Fenster. Hier haben Sie mehrere Möglichkeiten:

1. Sie können bereits zuvor (über die Dateiliste) hochgeladene Dateien über den Verzeichnisbaum auswählen.
2. Sie können Dateien hochladen, indem Sie entweder die Datei per Drag and Drop auf den Dateien auswählen Button ziehen oder den Button klicken und nach die gewünschte Datei auf Ihrem Server auswählen. Anschließend klicken Sie auf Hochladen. Sie können bereits vorhandene Dateien überschreiben, indem Sie entsprechendes Häkchen aktivieren.
3. Sie können eine neue Mediendatei hinzufügen, indem Sie die URL der Mediendatei in das leere Feld eingeben und anschließend auf Medien hinzufügen klicken.


Schritt 4

Sie haben die Möglichkeit Ihr Carousel-Element zu verlinken. Klicken Sie hierfür bei Link auf das kleine Symbol neben dem leeren Feld. Es öffnet sich ein neues Fenster. Hier können Sie wählen, ob Sie das Element mit einer Seite, Datei oder einem Ordner verlinken möchten. Alternativ können Sie einen Link zu einer externen URL oder einer E-Mail Adresse setzen.


Schritt 5

Sie können beliebig viele Carousel-Elemente anlegen, da die Elemente in einem automatisch durchlaufenden Slider präsentiert werden.
Die Reihenfolge kann nachträglich über das Linien-Symbol rechts außen per Drag & Drop oder stufenweise über die Pfeile daneben geändert werden.
Mit einem Klick auf das Plus-Symbol wird ein weiteres Element unter dem Ausgewählten hinzugefügt.
Auf dem i-Symbol erhalten Sie mehr Informationen zu dem jeweilgen Element.
Mit dem Schalter-Symbol können Elemente unsichtbar geschaltet werden. Mit Klick auf den Papierkorb können Sie ein Element löschen.


Schritt 6

Legen Sie nun über Breite die Bildgröße der Elemente für die verschiedenen Endgeräte fest. Die Breite bestimmt, wieviel Prozent der Bildschirmbreite von einem Carousel-Element beansprucht wird. Breite SM steht hierbei für Smartphone, MD für Tablet und LG für Desktop.
Wenn Sie nicht möchten, dass die Inhalte des Carousels fest sind, dann können Sie ein Häkchen bei Carousel-Funktion deaktivieren setzen.
Setzen Sie hingegen ein Häkchen unter Autoplay aktivieren, dann bewegen sich die Inhalte im Slider automatisch.
Außerdem können Sie die Spalten gruppieren, auch hier müssen Sie dazu nur das dazugehörige Häkchen setzen.


Schritt 7

Nun können Sie das Erscheinungs­bild Ihres Carousels verändern. Unter Layout können Sie festlegen, auf welchem Hintergrund Ihr Element abgebildet werden soll. Bei der Einstellung Standard wird das Element auf der gewählten Hintergrundfarbe des Content­bereiches abgebildet, wählen Sie Hintergrund-Farbe, wird das Element auf farbigem Hintergrund, passend zu Ihren CI-Farben, abgebildet. 
Bei der Einstellung Auto unter dem Bild-Format passen sich die Seitenverhältnisse automatisch dem Element an. Alternativ können Sie das Format auf Quadratisch, Querformat oder Hochformat einstellen. 
Auch die Position der Elemente können Sie, ähnlich wie bei Medien, oben mittig, neben dem Text links oder rechts bestimmen.
Wenn Sie möchten, dass die Elemente im Frontend einen Rahmen haben oder größer dargestellt werden, wenn der Benutzer daraufklickt, dann können Sie hier die Häkchen dafür setzen.


Schritt 8

Bei Zugriff haben Sie die Möglichkeit die Sichtbarkeit des Inhalts­elements zu deaktivieren. Das Carousel ist dann im Backend noch sichtbar aber im Frontend nicht mehr zu sehen. Außerdem können Sie auswählen, dass Ihr Content-Element nur auf ausgewählten Endgeräten sichtbar ist. Setzen Sie hierfür die entsprechenden Häkchen. Bei Zugriffsrecht können Sie ein Veröffentlichungsdatum und ein Ablaufdatum einpflegen. 

So könnte die Darstellung Ihres Carousels im Frontend aussehen

Carousel mit 4 Elementen

SM = 100%, MD = 33%, LG = 33%

Lorem ipsum

At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren. Aliquyam erat, sed diam voluptua. 

At vero eos

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna.

Stet clita kasd

No sea takimata sanctus est Lorem ipsum dolor sit amet. Sed diam nonumy eirmod tempor invidunt ut labore et dolore.  

Dolor sit amet

Consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. 


Wählen Sie hier, welches Content-Element Sie anlegen möchten, um zum passenden Tutorial zu gelangen.