Abb. 1
Dieses Element ermöglicht Ihnen, mehrere Bilder in Form einer Slider-Galerie, d.h. zum Durchklicken, einzubinden.
Hinweise:
Das Element "Bildergalerie/Slider" ist nur über die gesamte Seitenbreite einsetzbar und steht innerhalb der Container NICHT zur Verfügung. Sinnvoll nutzbar ist die Galerie ab mindestens drei Bildern.
Neben "Bildergalerie/Slider" gibt es noch das Element "Hero-Bild" (Anleitung folgt). Dieses Element kann nur ganz oben auf der Seite platziert werden. Dort lässt sich nur ein einzelnes Bild einbinden, es ist also KEINE Galerie/Sliding möglich.
1. Wechseln Sie ggf. zum Webmodul "Seite" und dann auf die Seite an die Stelle, wo Sie das Element einfügen möchten.
2. Klicken Sie auf "+Inhalt", um ein neues Inhaltselement zu erstellen.
3. Es öffnet sich eine Dialogbox. Im Reiter "Typische Inhaltselemente" finden Sie das Element "Bildergalerie / Slider", das durch Klicken erstellt wird - siehe Abbildung 1
Alle Infos zu Bildern, wie Bildgrößen, Bild-Editor, Eingabe der Metadaten finden Sie in einem eigenen Tutorial:
Abb. 2
4. Bild einbinden
Klicken Sie auf "Bild hinzufügen" - Abb. 2
Ein Popup mit der Dateiliste öffnet sich - Abb. 3
In der linken Spalte wählen Sie den Ordner aus, in dem das Bild liegt, das eingebunden werden soll.
Klicken Sie auf den Dateinamen des gewünschten Bildes, um es direkt zu verknüpfen - das Popup schließt sich
Tipps:
Abb. 3
5. Mehrere Bilder in einem Schritt einbinden:
Wenn sich die gewünschten Bilder alle im selben Verzeichnis befinden, können Sie mehrere auf einmal auswählen und einbinden, indem Sie in die kleinen Checkboxen links vom Dateinamen klicken und so dort Häkchen setzen. Sobald ein Häkchen gesetzt ist, erscheint oberhalb der Liste ein Button "Auswahl importieren"
Durch Klick darauf werden die Bilder mit dem Galerie-Element verknüpft und das Popup geschlossen.
Abb. 4
6. So sieht das Element jetzt im Backend aus
Das Element enthält jetzt alle Verknüpfungen zu den Bildern. Die Reihenfolge der Bilder können Sie nachträglich ändern: dazu mit dem Cursor in der Übersichtsliste über das Icon mit den 3 Strichen fahren - es wird nun ein Ankerkreuz sichtbar, sodass Sie mithilfe von Drag and Drop die Box an eine andere Position verschieben können. Ebenso können Sie die Bildausschnitte bearbeiten über "Bildbearbeitung > Editor öffnen".
Abb. 5