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.

Button-Element

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

a) Klicken Sie auf das "Stift"-Symbol um das Element zu bearbeiten.

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

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

Mehrer Buttons verwenden

Sie haben die Möglichkeit nicht nur einen Button, sondern auch mehrere Buttons nebeneinander dazurstellen. Wenn Sie mehrere Buttons anzeigen möchten, klicken Sie auf "Mehrere Buttons".

a) Hier können Sie wieder zum einzelnen Button zurück wechseln. Alle Buttons werden danch gelöscht.

b) Hier finden Sie den bestehenden Button.

c) Klicken Sie auf "Button hinzufügen" um einen neuen Button anzulegen.

Wenn Sie einen neuen Button angelegt haben, erscheint dieser unter dem bereits erstellten Button. Die Detail-Einstellungen finden Sie in der Beschreibung unten.

Wenn Sie mehrere Buttons verwenden, werden Ihnen die Buttons wie im Bild rechts nebeneinander angezeigt.

Einzelner Button

a) Geben Sie das Label (Text) des Buttons ein.

b) Wenn Sie beim Button auch ein Icon haben möchten können Sie hier ein Icon hinzufügen.

Wählen Sie im ersten Schritt ob das Icon links oder rechts vom Text angezeigt werden soll. Danach wählen Sie das gewünschte Icon.

c) Geben Sie den Link ein der beim Klick auf den Button geöffnet werden soll.

d) Wenn Sie auf eine interne Seite oder Datei verlinken möchten klicken Sie auf das "Ketten"-Symbol.

Wählen Sie aus auf was Sie verlinken möchten. In unserem Beispiel wählen wir "Seite oder Sektion".

Legen Sie die Seite fest auf die Sie verlinken möchten.

Wenn Sie auch auf eine Sektion dieser Seite verlinken möchten dann wählen Sie die Sektion aus. Wenn dann jemand auf den Link klickt wird automatisch diese Sektion angezeigt.

Übernehmen Sie Ihre Einstellungen mit "Auswählen".

e) Geben Sie den Titel des Buttons für die Suchmaschinen ein.

f) Definieren Sie wie ob der Link als "Self" (im gleichen Fenster) oder als "Blank" (in einem neuen Fenster" geöffnet werden soll.

g) Legen Sie die Ausrichtung des Buttons fest.

h) Wählen Sie die Größe des Buttons. Es gibt vordefinierte Größen oder Sie können auch eine eigene Größe wählen.

i) Definieren Sie den "Stil" des Buttons.

Inherit: Übernimmt den Stil den Sie in den Design-Einstellungen gewählt haben.
Solid: Der Button ist mit einem Hintergrund ausgefüllt.
Outline: Der Button hat nur eine kleine Linie am Außenrand.

j) Legen Sie die "Form" des Buttons fest.

Inherit: Übernimmt den Stil den Sie in den Design-Einstellungen gewählt haben.

Abgerundet: Die Ecken des Buttons werden abgerundet.

Quadrat: Der Button wird quadratisch angezeigt.

Pillenförmig: Der Button wird pillenförmig angezeigt.

k) Hier können Sie den verikalen und horizontalen Abstand vom Text zum Außenrand des Texts definieren.

l) Legen Sie die Farben des Buttons fest. Standardmässig werden immer die Farben des Themes der Sektion verwendet. Wenn Sie eigene Farben für diesen Button definieren möchten, dann legen Sie die Farben hier fest. Klicken Sie dafür in den weißen Kreis der einzelnen Bereiche.

Nach den Einstellungen sollte der Button wie gewünscht angezeigt werden.