Neues Element einfügen

Um ein neues Element einzufügen, gehen Sie in den Bearbeiten-Modus der Website und bewegen Sie die Maus in den Bereich in den Sie ein neues Element einfügen möchten. Wenn Sie mit der Maus über ein bestehendes Element bewegen werden Ihnen an allein Seiten ein "+" Symbol angezeigt. Klicken Sie auf das "+" um ein Element einzufügen.

Wählen Sie nun das Element aus das Sie in die Website einfügen möchten. Das Element wird dann an der Stelle eingefügt bei dem Sie auf das "+" Symbol geklickt haben.

Neues Element als neue Reihe einfügen

Es steht Ihnen im WSW auch die Möglichkeit zur Verfügung eine neue Reihe anzulegen. Was ist eine Reihe? Sie haben z.B. einen Text und ein Bild nebeneinander. Nun möchten Sie unter dem Text und Bild ein Element einfügen das über die gesamte Fläche angezeigt wird. Würden Sie ein Element mit dem "+" ohne eine Reihe einfügen dann würde das Element unter dem Text oder Bild eingefügt werden jedoch nicht über die gesamte Fläche - sondern eben nur zu 50% wie im Screenshot rechts.

Um eine neue Reihe einzufügen gehen Sie mit der Maus in dem Bereich eines bestehendes Element und Klicken Sie auf "Reihe".

Wählen Sie nun das Element das Sie einfügen möchten.

Das Element wird nun unter den beiden bisherigen Element eingefügt. Wir haben nun etwas mehr Text eingefügt um Ihnen zu zeigen das es über die gesamte Fläche angezeigt wird.

Slider-Element

Fügen Sie das Bewertung-Element in einen Bereich in Ihrer Website ein.

a) Klicken Sie in den Text um das Element zu bearbeiten.

b) Mit diesem Symbol können Sie das Element duplizieren und anschließend einfügen.

c) Um das Element zu löschen klicken Sie auf den "Papierkorb".

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) Wählen Sie wie der Link geöffnet werden soll.

k) Definieren Sie die Ausrichtung des Sliders.

l) 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.

m) 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.