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.

Galerie-Element

Wählen Sie das Galerie-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.

Klicken Sie auf "Bild hinzufügen" um ein neues Bild zur Galerie hinzuzufügen.

a) Wenn Sie auf dieses Icon klicken können Sie das Bild (bei mehreren Bildern) verschieben und die Anordnung verändern.

b) Um das bestehende Bild zu klonen klicken Sie auf dieses Symbol.

c) Hier können Sie das gewünschte Bild in die Galerie ziehen oder wenn Sie auf "Hochladen" klicken ein Bild hochzuladen.

d) Klicken Sie hier um das Bild zu löschen.

e) + f) Bei Bedarf können Sie hier das Bild nochmals bearbeiten.

g) Um ein bestehendes Bild aus dem Bildermanager auszuwählen klicken Sie hier.

Um ein weiteres Bild hinzuzufügen können Sie auf "Bild hinzufügen" klicken.

h) Geben Sie die Bildbeschreibung für die Suchmaschinen ein.
i) Geben Sie hier die Bildbeschreibung ein die unter dem Bild angezeigt werden soll.

j) Wenn Sie möchten das ein Link beim Klick geöffnet wird, dann können Sie den Link hier festlegen. ACHTUNG: Wenn Sie Lightbox aktivieren kann kein Link geöffnet werden.

k) Geben Sie den Titel des Link ein.

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

m) Wenn Sie möchten, dass die Bilder auf der Website gefiltert werden kann, dann geben Sie hier eine oder mehrer Kategorien ein.

Nachtrag zu Punkt n): Wenn Sie Kategorien anzeigen lassen, haben Sie einen Filter über der Galerie. Die weiteren Erklärungen zu den Einstellungen finden Sie nachfolgend.

Einstellungen

a) Wählen Sie zwischen einer Grid-Galerie (quadratische Kacheln) oder einer Masonry-Galerie (variable Bildhöhen im Originalseitenverhältnis).

b) Bestimmen Sie das Seitenverhältnis der Galerie. Die Bilder werden automatisch in diesem Verhältnis dargestellt – die ursprüngliche Bildgröße wird dabei ignoriert.

c) Legen Sie fest, wie viele Spalten die Galerie enthalten soll.

d) Bestimmen Sie den Abstand zwischen den Bildern.

e) Aktivieren Sie die Preload-Funktion, damit Bilder erst geladen werden, wenn sie in den sichtbaren Bereich scrollen. Dies verkürzt die Ladezeit bei großen Bildmengen.

f) Aktivieren Sie diese Option, um eine Bildbeschreibung unterhalb der Bilder anzuzeigen.

g) Wenn Bilder beim Anklicken vergrößert in einer Lightbox geöffnet werden sollen, aktivieren Sie die entsprechende Funktion.

h) Aktivieren Sie diese Option, um einen Rahmen um die Bilder anzuzeigen.

i) Wenn die Bilder abgerundete Ecken erhalten sollen, aktivieren Sie diese Funktion.

j) Wählen Sie eine Einblend-Animation, um den Bildern beim Laden Bewegung zu verleihen.

k) Optional können Sie auch eine Hover-Animation aktivieren, die beim Überfahren mit der Maus angezeigt wird.

l) Legen Sie abschließend fest, wie weitere Bilder geladen werden sollen.

Kategorien als Filter

ACHTUNG: Diese Einstellung wird nur angezeigt, wenn Sie bei Bildern Kategorien verwenden. Klicken Sie auf "Kategorie hinzufügen" wenn Sie die Kategorie als Filter nutzen möchten.

a) Wählen Sie ob alle Kategorien gefiltert oder nur bestimmte Kategorien gefiltert werden sollen.

b) Wenn Sie Ihre Auswahl wieder löschen möchten, dann klicken Sie auf dieses icon.

c) Mit der "Mehrauswahl" kann im Filter mehr als eine Kategorie angewählt werden.

d) Wählen Sie die Position des Filters und ...
e) ... wie Sie ausgerichtet werden soll.

f) Legen Sie die Abstände des Filters fest.

g) Definieren Sie ob die Filter als Buttons oder Links dargestellt werden soll.

h) Wenn Sie Button wählen, können Sie hier noch den Stil der Buttons definieren.

Nachdem Sie Ihre Einstellungen durchgeführt haben sollte Ihre Galerie angezeigt werden. Im Screenshot rechts sehen Sie ein Beispiel aus unserem Test.

Einstellungen Galerie-Element

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

Um den Texteditor 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.

Element verschieben

Wenn Sie ein Element verschieben möchten, ziehen Sie es einfach in den Bereich, in dem es platziert werden soll.