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.

Bild-Element

Fügen Sie das Bild-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) Hier finden Sie die verschiedenen Layouts der Bilder. Sie können vordefinierte Bilder-Layouts verwenden. Nähere Informationen gibt es in den jeweiligen Elementen.

b) Wenn Sie ein Bild über die gesamte verfügbare Breite anzeigen möchten klicken Sie auf "Stretchen". Sollte das Bild kleiner sein wird das Bild gestreckt dargestellt.

c) Wenn Sie diese Einstellung aktivieren wird um das Bild ein Schatten dargestellt. Sie sehen das Ergebniss an unseren Screenshots rechts.

Beispieltext

Beispieltext

h) Legen Sie die Ausrichtung des Bildes fest.

i) Wenn Sie möchten das eine Beschreibung angezeigt wird, wählen Sie hier die Anzeigeform der Beschreibung aus. In unserem Beispiel wählen wir "Text unter Bild".

Ihnen wird nun unter dem Bild ein Textfeld angezeigt. Dieses Textfeld können Sie frei bearbeiten.

j) Wenn Sie möchten das ein Link beim Klick auf das Bild aufgerufen wird fügen Sie hier den Link ein. Mit dem Klick auf das "Ketten"-Symbol können Sie auch eine vordefinierte Seite oder eine Datei verlinken.

k) Geben Sie den Titel des Links für die Suchmaschinen ein.

l) Wählen Sie wie sich der Link öffnen soll. Self = im gleichen Tab, Blank = in einem neuen Tab.

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

n) Auch für den Hover Effekt des Bildes können Sie eine Animation auswählen.

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