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.

Inhaltsbox-Element

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

d) Geben Sie den Titel der Inhaltsbox ein.

e) Geben Sie den Untertitel/Beschreibung der Inhaltsbox ein.

a) Laden Sie das gewünschte Bild hoch oder wählen Sie ein Bild aus dem Bildermanager aus. Bei Bedarf können Sie auch ein Icon wählen.

b) Wenn Sie weder ein Bild noch ein Icon verwenden möchten, klicken Sie auf "Keine".

Wenn Sie "Icon" gewählt haben, können Sie hier das Icon auswählen. Sie können auch eigene Icons hochladen. Dafür müssten Sie dann "Bild" auswählen.

c) Legen Sie die Bildbeschreibung für die Suchmaschinen fest.

d) Bei Bedarf haben Sie die Möglichkeit der Inhaltsbox ein Hintergrundbild anstatt einer Farbe zu hinterlegen. Laden Sie hier das BIld hoch oder laden Sie das Bild aus dem Bildermanager.

Wechseln Sie nun in den Reiter "Design.

a.) Wenn Sie möchten, dass der Titel in der Inhaltsbox aktiviert ist, dann aktivieren Sie diese Einstellung.

b) Wie beim Titel, können Sie hier auch den Untertitel anzeigen lassen.

c) Wenn Sie möchten, dass sich das Bild beim Klick vergrössert, aktivieren Sie "Lightbox".

d) Sie können einen Rahmen für die Inhaltsbox festlegen. Die Farbe des Rahmens lässt sich in den Farbeinstellungen anpassen.

e) Optional können Sie die Ecken der Inhaltsbox abrunden. Der Radius kann entweder einheitlich für alle Ecken oder individuell für jede Ecke angepasst werden.

f) Wenn Sie möchten, dass die Inhaltsbox anstelle eines Rahmens einen Schatten verwendet, aktivieren Sie diese Option. Anschließend stehen Ihnen weitere Einstellungen für den Schatten zur Verfügung. Wir empfehlen, die Standard-Einstellungen beizubehalten.

Wenn Sie ein Hintergrundbild verwenden, können Sie hier verschiedene Anpassungen vornehmen:

g) Passen Sie die Transparenz (Opacity) des Hintergrundbildes an.

h) Entscheiden Sie, ob ein Bewegungseffekt (Parallax-Effekt) beim Scrollen der Website verwendet werden soll.

i) Aktivieren Sie die Option, wenn sich das Hintergrundbild wiederholen soll.

j) Legen Sie die Position des Hintergrundbildes fest, z. B. zentriert, oben oder unten.

k) Legen Sie den Abstand fest, denn Sie vom Inhalt zum äußeren Rand der Inhaltsbox anzeigen möchten.

l + m) Wenn Sie nur den Abstand für Titel und Untertitel zum äußeren Rand verändern möchten, dann können Sie dies hier festlegen.

n) Hier können Sie die Abstände zum der einzelnen Elemente (Bild, Titel und Button) festlegen. Gemeint ist der Abstand nach unten.

o) Wählen Sie die Ausrichtung des Bildes/Icons. Wenn Ihr Bild groß genug ist füllt es immer die gesamte Breite aus. Sollte das Bild kleiner sein dann können Sie das Bild mit dieser Einstellung ausrichten.

p) Legen Sie die Position des Bildes fest. Das Bild ist standardmässig immer "Oben". Sie können das Bild auch unter, links oder rechts vom Text/Link anzeigen.

q) Wählen Sie die Textausrichtung der Inhaltsbox.

r) Definieren Sie ob Sie einen Link in der Inhaltsbox verwenden möchten. Sie können entweder einen Button einblenden oder den Link auf das Bild legen.

s) Legen Sie hier die Farben der einzelnen Bereiche fest. Wenn Sie hier keine Farben definieren werden automatisch die Farben aus dem gewählten Theme der Sektion verwendet.

t) Sie können einzelne Bilder auch animieren. Wählen Sie hier die gewünschte Animation aus.

u) Bei Bedarf können Sie auch eine Animation für den Effekt wählen, wenn ein Besucher mit der Maus über die Inhaltsbox fährt.

v) Wenn Sie viele Bilder auf Ihrer Website verwenden, dann empfihlt es sich den "Preload" zu aktivieren. Das bedeutet, dass Bilder erst dann geladen werden wenn der Nutzer in den Bereich des Bildes kommt.

Wenn Sie Ihre Einstellungen speichern, sollte die Inhaltsbox korrekt angezeigt werden. Rechts neben diesem Text finden Sie ein Beispiel wie eine Inhaltsbox aussehen könnte.