Mit dem Element Abschnitt kannst du deiner Website einen völlig neuen Look verleihen! Mit dieser Funktion hast du die Möglichkeit deiner Website farbige Abschnitte hinzuzufügen, die du dann mit deinen gewünschten Elementen und Informationen füllen kannst. Zusätzlich kannst du in diesen Bereichen auch ein Hintergrundbild hinzufügen.
Wenn du dieses Element auf deiner Website einbinden möchtest, kannst du gerne diesen Schritten folgen:
Schritt1
Gehe zum Editor.
Schritt2
Ziehen Sie dann das Element Abschnitt auf die gewünschte Seite.
Schritt3
Hier kannst du aus den vorgestellten Entwürfen wählen oder du kannst einen leeren Abschnitt hinzufügen.
Die Entwürfe können dir helfen, einen Bereich oder Abschnitt mit passendem Inhalt oder Elementen zu füllen, die du nur noch anpassen musst. Lass dich auch gerne von unseren Vorlagen und Aufteilungsvorschlägen inspirieren, denn wir haben hier schon einiges für dich vorbereitet!
Schritt4
Du erhältst eine Reihe an Auswahlmöglichkeiten in Kategorien, die du zu deiner Seite hinzufügen kannst. Hier findest du z.B. verschiedene Vorlagen für eine erste Einführung zu deiner Website, die Gestaltung von Dienstleistungen oder Produkten, die Vorstellung deines Teams oder die Gestaltung deiner Kontakt-Seite.
Klicke auf deinen gewünschten Abschnitt, um diesen zu deiner Website hinzuzufügen. Du kannst den Inhalt anschließend selbst anpassen.
Alternativ: Füge einen leeren Abschnitt hinzu
Wenn du lieber ohne Inhalt oder Elemente starten willst, kannst du dich auch dazu entscheiden, einen leeren Abschnitt hinzufügen. Hiermit wird ein leerer Abschnitt auf deiner Seite platziert. Für diesen kannst du dann selbst Elemente aus dem Menü links auswählen und anschließend in den Abschnitt ziehen.
Schritt5
Alle Elemente des von dir gewählten Abschnitts werden automatisch zu deiner Website hinzugefügt. Super praktisch!
Danach musst du nur noch den Inhalt anpassen, indem du die Elemente bearbeitest.
Schritt 6
In den Abschnitten kannst du auch einige Einstellungen anpassen:
- Du kannst die Hintergrundfarbe des Abschnitts ändern. So hast du die Möglichkeit, die Farben deines Brandings auf deiner Webseite widerzuspiegeln. Klicke dazu auf den Abschnitt und wähle aus dem Menü die gewünschte Farbe aus. Diese Farben kannst du im oberen Menü unter Designanpassen.
- Es ist auch möglich, ein Bild als Hintergrund festzulegen.
- Mit dem Zahnradsymbol kannst du die Breite des Abschnitts auf S, M oder L einstellen.
Option: Bild als Hintergrund
Wenn du ein Bild als Hintergrund verwendest, gibt es einige zusätzliche Einstellungen. Wenn du auf das Bildsymbol in der grauen Symbolleiste klickst, kannst du diese Einstellungen öffnen. Hier kannst du die Farbe des Inhalts auf dunkeloder hell einstellen. Wenn du die Option Hintergrund aktivierst, wird die Lesbarkeit des Textes auf dem Bild verbessert.
Und natürlich kannst du das Bild auch ersetzen, wenn du doch nicht ganz zufrieden bist und ein anderes Bild als Hintergrund verwenden möchtest.
Schritt 7
Wenn du deine Seite um weitere Abschnitte erweitern möchtest, kannst du dies tun, indem du auf das Plus-Symbol am unteren Rand des aktuellen Abschnitts klickst. Für jeden neuen Abschnitt kannst du die Schritte wie oben beschrieben wiederholen. Du kannst so viele Abschnitte zu einer Seite hinzufügen, wie du möchtest.
So kannst du ein Zickzack-Layout erstellen
Du kannst auch ein sogenanntes Zickzack-Layout erstellen, bei dem es zwei verschiedene Bilder mit zwei verschiedenfarbigen Textblöcken gibt.
Dazu erstellst du zwei Abschnitte untereinander, wobei der obere Abschnitt das Bild auf der linken Seite und der untere Abschnitt das Bild auf der rechten Seite enthält, oder umgekehrt. So kannst du beiden Blöcken eine eigene Farbe geben. In der mobilen Version erscheinen diese Blöcke schön untereinander.
✔Tipp: Du kannst einen Abschnitt auch auf derselben Seite duplizieren:
✔Tipp: Wenn du verschiedene Abschnitte zu einer Seite hinzufügst, kannst du farbige Bereiche auf deiner Website erstellen, die sich abwechseln. Dazu gibst du den Abschnitten abwechselnd die Farbe deines Standard-Seitenhintergrunds und eine andere Farbe. So erhältst du z.B. diesen Effekt auf deiner Seite: