Neue Sektion einfügen

Um eine neue Sektion einzufügen gehen Sie mit der Maus in die Mitte zwischen zwei vorhandene Sektionen. Ihnen wir danach das Symbol wie rechts im Screenshot angezeigt. Klicken Sie auf "+ Sektion" um eine neue Sektion einzufügen.

Leere Sektion

Wenn Sie eine Sektion ohne Vorgaben einfügen möchten klicken Sie auf "leere Sektion".

Es wird nun eine Sektion nur mit einem Textelement eingefügt. Eine Sektion kann nie leer sein. Wenn Sie also alle Elemente aus einer Sektion löschen wird automatisch ein Textelement eingefügt.

Sektion importieren

Sie können bei Bedarf auch eine Sektion aus einer bereits vorhandenen Seite einfügen. Klicken Sie hierfür auf "Sektion importieren".

Ihnen werden nun Ihre bestehenden Seiten zur Auswahl angezeigt. Wählen Sie die gewünschte Seite aus der Sie die Sektion hinzufügen möchten und anschließend die gewünschte Sektion.

Die gewünschte Sektion aus der Seite "Home" wurde nun in Ihre Seite eingefügt. Sie können so einmalige eine Sektion erstellen und diese Sektion auf jeder Ihrer Seiten einfügen.

Sektions Layout importieren

Neben den Layouts ihrer eigenen Seiten können Sie auch vom System vordefinierte Sektions Layouts einfügen. Wählen Sie die gewünschte Kategorie und danach das gewünschte Layout aus.

Das gewünschte Layout wird nun in Ihre Seite eingefügt. Die Farben und Schriften werden automatisch an Ihre Website angepasst.

Sektion bearbeiten

a) Klicken Sie hier um die Sektion zu bearbeiten.

b) Wenn Sie die Position einer Sektion nach oben oder unten verschieben möchten dann können Sie die Pfeile benützen. Sie können so in wenigen Klicks eine Sektion von ganz oben auf der Seite nach ganz unten verschieben.

c) Um eine Sektion zu duplizieren klicken Sie auf dieses Icon.

d) Bei Bedarf können Sie eine Sektion auch komplett löschen.

Wir bearbeiten nun eine Sektion und klicken auf das dazugehörige Symbol (Punkt a).

Format

a) Wählen Sie die Höhe der Sektion. Sie haben vordefinierte Höhen wie S, M und L. Wenn Sie eine eigene Höhe definieren möchten klicken Sie auf "...". Hier können Sie mit Hilfe eines Reglers die Höhe frei definieren.

b) Wie die Höhe können Sie auch die Breite des Inhalts der Sektion anpassen.

c) Hier können Sie die Ausrichtung des Inhalts einer Sektion definieren. Wenn Sie z.B. mehrere Elemente nebeneinander platzieren und diese Elemente unterschiedliche Höhe haben können Sie die Ausrichtung hier beeinflussen.

d) Mit dieser Funktion können Sie Ihre Sektionen mit einer Abgrenzung hervorheben. Wählen Sie die gewünschte Abgenzung und danach wie die Höhe der Abgrenzung sein sollte.

Im Screenshot rechts sehen Sie ein Beispiel der Abgrenzung.

e) Die Abstände von Elementen und zum Seitenrand sind vorab definiert. Wenn Sie die Abstände selbst bestimmen möchten (z.B. mit dem Abstands-Element) können Sie hier alle Abstände definieren.

Mit dem "24 Spalten Grid" können Sie anstatt der bisher 12 Spalten jetzt 24 Spalten nutzen. Somit kann ein Element nochmals kleiner gezogen werden.

WICHTIG: Diese Funktion wird benötigt wenn Sie z.B. ein Bild-Element ganz an den Rand der Website platzieren möchten.

f) Geben Sie den Titel der Sektion ein. Diese Funktion ist hilfreich wenn Sie im Menü auf eine Sektion verlinken. So wissen Sie direkt auf welche Sektion Sie verlinken.

g) Mit diesem Button legen Sie einen Link im Menü auf diese Sektion an.

h) Wenn Sie diese Sektion auf einem bestimmten Gerät ausblenden möchten dann können Sie die Einstellung hier vornehmen.

Hintergrund - Bild

a) Wenn Sie ein Bild als Hintergrund einer Sektion verwenden möchten dann können Sie ein Bild hochladen oder ein bestehendes Bild aus der Bilderdatenbank oder dem Bildermanager auswählen.

b) Wählen Sie die Breite des Hintergrundbildes. Das Bild wird automatisch über die gesamte Sektion angezeigt.

c) Bei Bedarf können Sie über das Bild einen Farbfilter legen. Desto höher die Zahl der Prozente desto weniger ist vom Bild sichtbar. Die Farbe des Filters wird in den Farbeinstellungen definiert.

d) Sie können dem Bild auch einen Effekt zuweisen. Scroll ist der Standard-Effekt. Bei Fixed wandert das Bild nach unten mit.

e) Wählen Sie die Hintergrundposition des Bildes.

Hintergrund - Video

f) Neben dem Bild können Sie auch ein Video als Hintergrund definiere. Hier können Sie den Link von Youtube oder Vimeo einfügen. ACHTUNG: Hintergrundvideos können auf mobilen Geräten Probleme verursachen.

g) Wählen Sie die Breite des Hintergrundvideos. Das Video wird automatisch über die gesamte Sektion angezeigt.

h) Legen Sie die Hintergrundposition und Größe des Videos fest.

i) Bei Bedarf können Sie einen Filter über das Video legen. Ähnlich wie oben mit der Farbe gibt es beim Video vordefinierte Filter.

j) Wenn Sie möchten können Sie auch die Wiedergabegeschwindigkeit des Videos abändern.

Farben

Hier können Sie die Farben der Sektion definieren. Wenn Sie kein Bild oder Video als Hintergrund definieren, wird diese Farbe verwendet. Die Farbe wird auch für Filter verwendet.

Sie können die Farbe der Sektion mit einem Klick anpassen. In diesem Bild verwenden wir das "Theme 1".

Danach klicken wir auf das "Theme 5" und der hintergrund wird automatisch geändert.

WICHTIG: Die Themes werden in den Farbeinstellungen der Website definiert.