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.

Inhaltsbox-Element

Wählen Sie das Inhaltsbox-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) Hier können Sie den Titel der Inhaltsbox eingeben.

b) Wenn Sie einen Untertitel anzeigen möchten, geben Sie hier den Untertitel 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.

Zusätzlich finden Sie auch eine Möglichkeit die Bildtransparenz zu definieren.

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.

Einstellungen Inhaltsbox-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.