Abschnittsspezifische Gestaltungsoptionen bringen mehr Abwechslung und Kontrast auf deinen Seiten. 

Standardmäßig folgen Seiten-Abschnitte den Stilen für die gesamte Website. Du kannst einzelne Abschnitte aber gestalten, um das Design, den Hintergrund, die Farben oder andere abschnittsspezifische Einstellungen zu ändern.

Seiten-Abschnitte und Abschnittsstile sind in Version 7.1 verfügbar.

Abschnittsstile ändern

So gestaltest du einzelne Seiten-Abschnitte:

1. Öffne das Seiten-Menü und klicke auf der gewünschten Seite auf Bearbeiten.
2. Bewege den Mauszeiger über den Abschnitt und klicke auf Abschnitt bearbeiten. Die Optionen variieren je nach Art des Abschnitts.
3. Um abschnittsspezifische Optionen zu gestalten, klicke auf Design. Dieser Tab trägt möglicherweise einen anderen Namen, z. B. Format oder Galerie. Abhängig von der Art des Abschnitts kannst du in diesem Tab einen Anker-Link erstellen.
4. Um ein Hintergrundbild, ein Video oder eine Grafik hinzuzufügen, klicke auf Hintergrund. Hintergrundinhalte können randlos oder eingerückt von den Rändern des Abschnitts angezeigt werden.
5. Um ein Farbschema auszuwählen, klicke auf Farben. Alle Änderungen an einem Farbschema wirken sich auf sämtliche Abschnitte deiner Website aus, die dieses Design verwenden.

Raster und Abstände im Kreativen Editor anpassen

Nachdem du in einem Abschnitt des Kreativen Editors Abschnittsstile geöffnet hast, kannst du folgende Einstellungen im Tab Design ändern:

• Rasterhöhe ändern: Lege mit der Zeilenanzahl die Anzahl der Zeilen im Raster des Abschnitts fest. Das ist die einzige Abschnittsstil-Option, bei der du unterschiedliche Einstellungen für das Desktop-Layout und das mobile Layout vornehmen kannst. Die Mindestanzahl der Zeilen hängt aber auch davon ab, wie viele Blöcke du hinzugefügt hast und wie sie angeordnet sind. Du kannst die Höhe auch direkt auf der Seite ändern, indem du unten rechts im Abschnitt auf das blaue Pfeilsymbol klickst und es ziehst.
• Blockabstände steuern: Mit der Option Abstand kannst du festlegen, wie viel Padding zwischen Blöcken im Raster angezeigt wird. Du kannst keinen Abstand oder einen voreingestellten Abstand auswählen oder auf ... klicken, um benutzerdefinierte vertikale und horizontale Abstände festzulegen.
• Abschnitts-Padding hinzufügen und anpassen: Aktiviere Bildschirm füllen, um Höhe und Ausrichtung deiner Inhalte besser kontrollieren zu können. Wenn du kein Padding um den Inhalt des Abschnitts haben möchtest, lass die Einstellung deaktiviert. Diese Optionen werden nur angezeigt, wenn Bildschirm füllen aktiviert ist:
  • Deinem Abschnitt Padding außerhalb des Abschnittsrasters hinzufügen: Wähle unter „Höhe“ die Option „Klein“, „Mittel“ oder „Groß“ oder klicke auf ..., wenn du eine benutzerdefinierte Höhe festlegen möchtest.
  • Lege fest, wo das zusätzliche Padding für die Höhe angezeigt wird – Richte den Inhalt oben aus, um Padding unter dem Inhalt hinzuzufügen. Richte den Inhalt in der Mitte aus, um Padding über und unter dem Inhalt hinzuzufügen. Richte den Inhalt unten aus, um Padding über dem Inhalt hinzuzufügen.

Höhe und Abstände im Klassischen Editor anpassen

Nachdem du in einem Abschnitt im Klassischen Editor Abschnittsstile geöffnet hast, kannst du diese Einstellungen im Tab Design ändern:

• Abschnittshöhe ändern: Unter „Abschnittshöhe“ kannst du ändern, wie hoch der Abschnitt auf der Seite angezeigt wird. Abschnitte mit mehr Inhalt werden unter Umständen in einer größeren Höhe als deine Einstellung angezeigt. Dies hat auch Auswirkungen auf das Padding oberhalb und unterhalb des Inhalts deines Abschnitts.
• Inhaltsbreite ändern: Hier kannst du festlegen, wie viel von der Breite des Abschnitts dein Inhalt einnimmt.
• Ausrichtung des Abschnittsinhalts an den Abschnittsrändern ändern: Mit dieser Option kannst du festlegen, wie der Inhalt an den Abschnittsrändern ausgerichtet wird.

Abschnittstrenner hinzufügen

Du kannst am unteren Rand von Block-Abschnitten, Auto-Layouts und Galerie-Abschnitten einen individuellen Trenner hinzufügen. Nachdem du den ersten Abschnittstrenner deiner Website erstellt hast, gelten die Einstellungen für diesen Trenner für weitere Trenner, die du später erstellst. Wenn du unterschiedliche Abschnittstrenner verwenden möchtest, passe jeden beim Erstellen manuell an.

So fügst du einen Abschnittstrenner hinzu:

1. Öffne das Seiten-Menü und klicke auf der Seite auf Bearbeiten.
2. Bewege den Mauszeiger über den Abschnitt und klicke auf Abschnitt bearbeiten.
3. Aktiviere unter Design den Schalter Trenner.
4. Passe den Trenner mit den angezeigten Einstellungen an.

Einen Abschnittstrenner anpassen

Nachdem du den Schalter Trenner aktiviert hast, kannst du den Trennstich mit diesen Optionen gestalten:

• Form – Klicke auf das Zufällig-Symbol, um die Einstellungen nach dem Zufallsprinzip zu ändern, oder klicke auf das Einstellungen-Symbol, um eine Form auszuwählen und die Einstellungen manuell zu ändern.
• Strich – Wähle einen durchgehenden Rand, einen gepunkteten Rand oder keinen Rand für deinen Trenner aus.
• Farbe – Wähle eine Farbe aus der Website-Palette für die Randlinie aus.
• Dicke – Lege die Dicke des Rands mit den Optionen klein, mittel oder groß fest. Klicke auf ..., um die Dicke des Trenners manuell zu ändern.

Abschnitte ohne Trenner

Wenn deine Seite einen Abschnitt enthält, der keine Abschnittstrenner enthält, z. B. einen Shop- oder einen Blog-Abschnitt, kannst du mit einem leeren Block-Abschnitt replizieren, wie der Abschnittstrenner aussehen soll.

Hinweis: Dieser Trenner interagiert anders mit dem Abschnitt darüber als ein integrierter Abschnittstrenner. Wenn der Abschnitt beispielsweise ein Hintergrundbild hat, erscheint der Trenner unter dem Bild, anstatt direkt an das Bild zu grenzen.

So fügst du einen Abschnittstrenner unter Sammlungs-Abschnitten hinzu:

1. Öffne das Seiten-Menü und klicke dann auf der Seite mit dem Abschnitt ohne Trenner auf Bearbeiten.
2. Klicke unter diesem Abschnitt auf Abschnitt hinzufügen.
3. Klicke auf + Leeres Element hinzufügen und dann auf Abschnitt.
4. Bewege den Mauszeiger über den neuen Abschnitt und klicke auf Abschnitt bearbeiten.
5. Lege die Höhe auf klein fest und aktiviere die Option Trenner.
6. Gestalte den Trenner nach Belieben. Füge keine Blöcke zu diesem Abschnitt hinzu.

Was kann ich mit Abschnittsstilen ändern?

Welche Änderungsoptionen du für Abschnittsstile hast, hängt von der Art des Abschnitts ab.

Block-Abschnitte und Auto-Layouts

In Block-Abschnitten (entweder im Kreativen Editor oder im Klassischen Editor) und Auto-Layouts kannst du den Hintergrund und die Farben sowie abschnittsspezifische Designoptionen anpassen. Weitere Informationen zu abschnittsspezifischen Stilen:

• Kreativer Editor
• Klassischer Editor
• Auto-Layouts

Sammlungs- und Galerie-Abschnitte

In Sammlungs-Abschnitten wie Blog- und Shop-Abschnitten und Galerie-Abschnitten kannst du Farben sowie abschnittsspezifische Designoptionen anpassen. Weitere Informationen zu abschnittsspezifischen Stilen:

• Kurs-Abschnitte
• Blog-Abschnitte
• Kalender-Abschnitte
• Galerie-Abschnitte
• Portfolio-Abschnitte
• Shop-Abschnitte
• Video-Abschnitte