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.

Stack-Element

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

a) Laden Sie ein Bild von Ihrem Computer hoch. Sie können das Bild direkt in den grauen Bereich ziehen oder wenn Sie auf "Hochladen" klicken das Bild von Ihrem PC auswählen.

b) Wählen Sie ein Bild aus dem Imagemanager oder der Bilderdatenbank aus.

Im ersten Beispiel verwenden wir ein existierendes Bild aus dem Imagemanager. Nachdem Sie auf "Imagemanager durchsuchen" geklickt haben öffnet sich der Bildermanager.

Klicken Sie nun auf das Bild das Sie gerne einfügen möchten.

Nachdem das Bild ausgewählt wurde wird Ihnen das Bild in den Einstellungen angezeigt. Sie können bei Bedarf das Bild auch bearbeiten.

Im zweiten Beispiel laden wir ein Bild aus der kostenlosen Bilderdatenbank.

Sie können nach einem gewünschten Suchbegriff suchen. Wenn Sie ein Bild gefunden haben klicken Sie auf das gewünschte Bild.

Es öffnet sich nun ein Dialog mit der Auswahl der Größe. Wählen Sie die Größe des Bildes und klicken Sie auf "Importieren" um das Bild in die Einstellungen zu laden.

c) Geben Sie die Beschreibung für das Bild ein. Diese Beschreibung dient den Suchmaschinen.

Wechseln Sie in den Reiter Design.

a) Wenn Sie möchten, dass beim Klick auf das Bild sich das Bild vergrößert, dann aktivieren Sie diese Einstellung.

b) Wählen Sie ob die Bilder-Box mit Runden-Ecken versehen sein soll.

c) Sie können um die Bilder-Box auch einen Schatten anzeigen lassen.

d) Legen Sie fest ob ein Link gesetzt und wenn ja mit welchem Element der Link angezeigt werden soll.

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

f) Neben der normalen Animation können Sie auch eine Animation definieren welche beim überfahren des Bildes dargestellt wrid.

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

Layout anpassen

Speichern Sie Ihre Einstellungen und gehen Sie in der WSW-Administration in den Bereich des Designs und wählen Sie Bildelemente aus.

a) Wählen Sie die Textausrichtung.

b) Legen Sie hier die einzelnen Abstände und Breiten fest.

Nachdem Sie die Einstellungen durchgeführt haben sollte die Box wie rechts im Screenshot aussehen. Sie können die Texte bearbeiten in dem Sie einfach mit der Maus in den Text klicken.

WICHTIG: Alle Farbeeinstellungen finden Sie unter Design -> Farben. Sie müssen dann das verwendete Theme und dann das Element auswählen.