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.

Carousel-Element

Fügen Sie das Liste-Element in einen Bereich in Ihrer Website ein. Mit dem "Carousel" Element können Sie Inhalte wie Produkte oder Blog-Beiträge auf der gesamten Website einbinden.

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".

Wählen Sie aus, welchen Inhalt Sie mit dem "Wall" Layout anzeigen lassen möchten. In unseren Beispiel zeigen wir Blog-Beiträge an. Wählen Sie also den gewünschten Blog aus.

d) Wählen Sie die ersten Meta-Daten (Tags, Kategorien, Datum) aus die Sie anzeigen möchten

e) Wenn Sie noch andere Meta-Daten anzeigen möchten können Sie hier eine weitere hinzufügen.

f) Legen Sie fest wie die Beiträge sortiert werden sollen.

g) Nach Bedarf können Sie auch nur bestimmte Beiträge anzeigen. Wählen Sie dafür die Kategorien oder Tags aus die Sie anzeigen möchten.

h) Aktivieren Sie diese Funktion wenn Sie nur "Featured" Beiträge anzeigen möchten.

Wechseln Sie in den Reiter "Design".

Das Layout "Carousel" ist automatisch angewählt.

a) Legen Sie fest wie die Einträge geladen werden soll. Wir schlagen "Dynamisch" vor.

b) Wählen Sie die Anzahl der Beiträge die auf den ersten Blick angezeigt werden sollen

c) Wenn Sie möchten das Ihre Beiträge automatisch und im Loop abgespielt werden aktivieren Sie diese beiden Einstellungen.

d) Legen Sie hier die Verzögerung und Geschwindigkeit für das automatische Abspielen der Beiträge fest.

e) Aktivieren Sie diese Einstellung wenn Sie einen Rahmen um den Beitrag haben möchten.

f) Wenn Sie möchten, dass um den Beitrag ein Schatten angezeigt wird, aktivieren Sie diese Einstellungen.

g) Um die Ecken des Beitrags abzurunden aktivieren Sie diese Einstellung.

h) Aktivieren Sie diese Funktion wenn Sie den Titel des Blogs anzeigen möchten.

i) Wenn Sie das Vorschaubild des Blog-Beitrags anzeigen möchten aktivieren Sie diese Einstellung.

j) Nach Möglichkeit können Sie auch einen kurzen Auszug des Beitrags anzeigen.

k) Damit die Besucher den gesmten Beitrag lesen können, können Sie einen Button zum Beitrag einfügen. Legen Sie hier den Namen fest.

l) Legen Sie die Position der Meta-Daten (Datum, Name etc.) fest.

m) Wählen Sie die Art des Trennzeichens ab.

n) Geben Sie den Text für die "Featured" Beiträge aus.

Abstand

Definieren Sie die einzelnen Abstände des Elements.

Bilder

Legen Sie das Seitenverhältnis und die Anzeige des Anzeigebilds fest.

Text

Legen Sie hier die Einstellungen zum Text wie z.B. die Ausrichtung und die Größe der Überschrift fest.

Nach den definierten Einstellungen wird das Element mit den gewünschten Blog-Beiträgen angezeigt. Im Screenshot rechts sehen Sie unser Beispiel.

P.S. Die Farbe für die Navigation des Carousels kann in den Farben definiert werden.