Neues Element einfügen

Um ein neues Element einzufügen, wechseln Sie in den Bearbeiten-Modus der Website und klicken Sie im oberen Bereich auf das Pluszeichen bzw. auf den Text „+ Element einfügen“, um ein neues Element hinzuzufügen.

Slider-Element

Wählen Sie das Slider-Element aus um das Element in einen Bereich in Ihrer Website einzufügen.

Klicken Sie auf das Element und anschließend auf das „Stift“-Symbol, um das Element zu bearbeiten.

Neuer Slider

Klicken Sie auf "Neuer Slider" um einen neues Slider-Bild anzulegen.

Fügen Sie ein neues Bild zum Slider hinzu.

Sie können entweder ein Bild direkt in den grauen Bereich ziehen oder mit dem "Bild"-Symbol ein Bild aus dem Imagemanager oder der Bilderdatenbank laden.

a) Mit diesem Symbol können Sie die Position der einzelnen Slider verändern.

b) Um das Slider-Bild zu kopieren klicken Sie auf dieses Symbol.

c) Hier können Sie das Slider-Bild löschen.

d) Um das Bild zu bearbeiten klicken Sie eines dieser beiden Symbole.

e) Wenn Sie das Bild ändern möchten, dann können Sie auf das "Bild"-Symbol klicken und ein Bild aus dem Imagemanager oder der Bilderdatenbank einfügen.

f) Klicken Sie hier wenn Sie weitere Slider-Bilder hinzufügen möchten.

g) Geben Sie die Bilderbeschreibung für die Suchmaschinen ein.

h) Wählen Sie das Layout des Sliders aus. Je nach vorhaben können Sie verschiedene Layouts auswählen. Für einen klassischen Slider wählen Sie "Inline" aus.

i) Wenn Sie möchten, dass auf das Bild ein "Link" gesetzt wird, dann tragen Sie hier den Link ein.

j) Geben Sie den Titel des Links ein.

k) Wählen Sie wie der Link geöffnet werden soll.

l) Definieren Sie die Ausrichtung des Sliders.

m) Bei Bedarf können Sie einen Farblayer über das Bild legen. Hier legen Sie fest, wie hoch die Transparenz der Farbe sein soll. Desto höher die %-Zahl desto mehr Farbe wird sichtbar.

n) Wählen Sie den Hintergrund für den Layer und der Navigations-Pfeile aus.

Design

Wechseln Sie in den Tab "Design".

a) Wählen Sie die Art der Navigation aus. Die Navigation dient zum Wechseln der Slider-Bilder.

b) Legen Sie hier die Symbole der Navigation fest.

c) Wählen Sie den Effekt beim Wechseln bzw. beim Einblenden des Sliders.

d) Sie haben die Möglichkeit auch mehrere Bilder nebeneinander darzustellen. Hier können Sie wählen, wie viele Bilder bei einer Ansicht angezeigt werden.

e) Legen Sie den Abstand der Slider fest.

f) Hier können Sie einen Preloader aktiviere. Der Slider wird erst dann geladen, wenn alle Bilder vollständig geladen wurden.

g) Definieren Sie die Geschwindigkeit des Bilderwechsels.

h) Wenn Sie "Autoheight" aktivieren, wird die Höhe des Bildes verwendet.

i) Wenn Sie eine fixe Höhe definieren, wird diese Höhe für alle Bilder übernommen. ACHTUNG: Das hat auch Auswirkung auf mobile Geräte.

j) Aktivieren Sie den "Loop" wenn Sie möchten das nach dem letzten Bild wieder das erste Bild angezeigt wird.

k) Mit der Funktion "Autoplay" wechseln die einzelnen Slider-Bilder automatisch.

l) Wählen Sie die Animation des Wechsels aus.

Nachdem Sie alle Einstellungen durchgeführt haben, sollte das Element an der von Ihnen gewünschten Stelle korrekt angezeigt werden. Sie finden unser Beispiel im Screenshot rechts.

Einstellungen Slider-Element

Wenn Sie auf das Element klicken, öffnen sich weitere Einstellungsmöglichkeiten für dieses Element.

Um die Einstellungen zu öffnen, klicken Sie auf dieses Symbol.

Wenn Sie die Farbe des Elements anpassen möchten, öffnen Sie diese Einstellungen.

Legen Sie nun die Farben für den Hintergrund, den Text und den Rahmen fest.

Hier können Sie die Ausrichtung des Inhalts innerhalb des Elementbereichs anpassen.

Um ein Element beim Scrollen zu bewegen, aktivieren Sie diese Einstellung.

Geben Sie nun an, an welcher Position das Element platziert werden soll, und legen Sie die Pixelangabe für den Bewegungseffekt fest.

Wenn Sie überlappende Elemente verwenden, können Sie hier die Reihenfolge des Elements ändern.

Bei Bedarf können Sie das Element drehen.

Wählen Sie nun den Drehwinkel und die Größe des Elements aus.

Um das Element zu kopieren, klicken Sie auf dieses Symbol.

Mit diesem Symbol markieren Sie das Element als Favorit. Dadurch kann es beim Hinzufügen eines neuen Elements automatisch in der Elementauswahl angezeigt und auf anderen Seiten wiederverwendet werden.

Wenn Sie das Element löschen möchten, klicken Sie auf dieses Symbol.