Neues Element einfügen

Um ein neues Element einzufügen, wechseln Sie in den Bearbeiten-Modus der Website und klicken Sie im oberen Bereich auf das Pluszeichen bzw. auf den Text „+ Element einfügen“, um ein neues Element hinzuzufügen.

Bild-Element

Wählen Sie das Bild-Element aus um das Element in einen Bereich in Ihrer Website einzufügen.

Klicken Sie auf das Element und anschließend auf das „Stift“-Symbol, um das Element zu bearbeiten.

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“. Rechts finden Sie außerdem eine Einstellung für die Proportionen.

c) Aktivieren Sie diese Einstellung um das Bild in einer Lightbox zu öffnen. Zusätzlich können Sie den Rahmen und den Abstand festlegen.

d) Legen Sie fest, ob das Bild einen Rahmen haben soll.

e) Bestimmen Sie, ob das Bild abgerundete Ecken haben soll.

f) Wählen Sie, ob das Bild einen Schatten oder eine Transparenz erhalten soll.

g) Hier können Sie festlegen, ob das Bild in einer bestimmten Form dargestellt werden soll und welches Seitenverhältnis es haben soll.

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.

Zwischen Link und Animation werden Ihnen gegebenenfalls Farbeinstellungen angezeigt. Dies hängt jedoch davon ab, welche Optionen Sie zuvor ausgewählt haben.

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.

Einstellungen Bild-Element

Wenn Sie auf das Element klicken, öffnen sich weitere Einstellungsmöglichkeiten für dieses Element.

Um die Einstellungen zu öffnen, klicken Sie auf dieses Symbol.

Wenn Sie die Farbe des Elements anpassen möchten, öffnen Sie diese Einstellungen.

Legen Sie nun die Farben für den Hintergrund, den Text und den Rahmen fest.

Hier können Sie die Ausrichtung des Inhalts innerhalb des Elementbereichs anpassen.

Um ein Element beim Scrollen zu bewegen, aktivieren Sie diese Einstellung.

Geben Sie nun an, an welcher Position das Element platziert werden soll, und legen Sie die Pixelangabe für den Bewegungseffekt fest.

Wenn Sie überlappende Elemente verwenden, können Sie hier die Reihenfolge des Elements ändern.

Bei Bedarf können Sie das Element drehen.

Wählen Sie nun den Drehwinkel und die Größe des Elements aus.

Um das Element zu kopieren, klicken Sie auf dieses Symbol.

Mit diesem Symbol markieren Sie das Element als Favorit. Dadurch kann es beim Hinzufügen eines neuen Elements automatisch in der Elementauswahl angezeigt und auf anderen Seiten wiederverwendet werden.

Wenn Sie das Element löschen möchten, klicken Sie auf dieses Symbol.

Element verschieben

Wenn Sie ein Element verschieben möchten, ziehen Sie es einfach in den Bereich, in dem es platziert werden soll.