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.

Akkordeon-Element

Fügen Sie das Akkordeon-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".

Um ein neues Tab anzulegen klicken Sie auf "Tab hinzufügen".

d) Wenn Sie möchten das beim Inhalt ein Icon oder Bild angezeigt wird dann können Sie die Einstellung hier wählen.

e) Hier können Sie die Einstellungen zum Tab öffnen.

f) Wenn Sie das Tab löschen möchten klicken Sie hier.

Einstellungen

a) Geben Sie den Titel des Tabs ein.

b) Wählen Sie ob Sie den Titel und Text des Tabs anzeigen möchten.

c) Legen Sie die Abstände der einzelnen Elemente fest.

d) Definieren Sie die Position des Inhalts im Tab.

e) Wählen Sie die Textausrichtung des Inhalts.

f) Legen Sie fest ob Sie eine Verlinkung im Tab haben möchten.

Design

a) Wählen Sie das Layout des Akkordeons.

b) Wenn Sie möchten das das erste Tab mit Inhalt geschlossen ist aktivieren Sie diese Einstellung. Ansonsten ist das erste Tab immer geöffnet (nur bei Vertikal möglich)

c) Legen Sie den Abstand zwischen dem Außenrand und dem Inhalt fest.

d) Aktivieren Sie diese Einstellungen wenn das Element runde Ecken bekommen soll.
e) Zeigen Sie einen Schatten um das Element an.

f) Bei Bedarf können Sie hier die Farben anpassen. Wenn keine Einstellungen vorgenommen werden, werden die Farben aus den Standard-Einstellungen übernommen.

Wechseln Sie nun zurück zum Element. Klicken Sie in den "Beispieltext" um den Inhalt des Tabs zu bearbeiten.

Nachdem Sie alle Änderungen durchgeführt haben sollte Ihr Akkordeon wie gewünscht angezeigt werden.