Füge die vertikal gestapelten Inhaltsabschnitte, die die Struktur jeder Seite bilden, hinzu und passe sie an.

Du erstellst die Seiten und Footer deiner Website mit anpassbaren Abschnitten, die vertikal gestapelt sind. Du kannst Abschnitte hinzufügen, löschen und verschieben, um deine Inhalte anzuordnen. In dieser Anleitung erfährst du, was du mit Seiten-Abschnitten tun kannst und wie du mit ihnen einzigartige Seiten-Layouts erstellen kannst.

Für Hilfe beim Erstellen einer neuen Seite, zu der du Abschnitte hinzufügen kannst, gehe zu Seiten zu deiner Navigation hinzufügen.

Tipp: Diese Anleitung ist für Version 7.1. Verwende für einen ähnlichen Effekt in Version 7.0 einen gestapelten Index.

Video ansehen

Abschnitte hinzufügen und bearbeiten

Wenn du eine neue Seite hinzufügst, beginnt diese mindestens mit einem vorgefertigten Abschnitt, es sei denn, es ist eine leere Seite. Du kannst einer bestehenden Seite auch weitere Abschnitte hinzufügen. Wie du Abschnitte hinzufügst und bearbeitest, hängt davon ab, ob du sie auf einem Computer oder in der Squarespace-App bearbeitest.

Es gibt keine Begrenzung der Anzahl der Abschnitte, die du hinzufügen kannst, aber wir empfehlen, nicht mehr als 20 Abschnitte auf einer einzigen Seite hinzuzufügen, da das Laden von Seiten mit viel Inhalt länger dauert. Mehr dazu erfährst du unter Meine Seite wird langsam geladen.

Inhalte zu Abschnitten hinzufügen

Wie Sie Inhalte hinzufügen und gestalten, hängt vom jeweiligen Abschnitt ab. Es gibt drei Typen:

• Block-Abschnitte – Passen Sie ein Layout mit Blöcken an.
• Automatische Layout-Abschnitte – Füge Gruppierungen von Inhalten hinzu und ordne sie automatisch in Listen oder Galerien an.
• Sammlungs-Seiten-Abschnitte – Sammlungsinhalte anzeigen. Beispielsweise haben Blog-Seiten Sammlungsabschnitte, die Blogeinträge anzeigen.

Du kannst Block- und automatische Layout-Abschnitte zu jeder Seite hinzufügen. Sammlungs-Seiten-Abschnitte sind individuell auf die jeweilige Seite abgestimmt.

Block-Abschnitte

Blöcke sind Funktionen, mit denen du deiner Website Inhalte wie Texte, Bilder, Buttons und Formulare hinzufügen kannst. So fügst du Inhalte zu Block-Abschnitten hinzu und gestaltest sie:

• Sie können Blöcke hinzufügen oder verschieben, um das Layout anzupassen.
• Um einem Block Inhalte hinzuzufügen, doppelklicke auf ihn.
• Um einen Block zu löschen, klicke ihn an und klicke dann auf das Papierkorb-Symbol. Nach dem Speichern können Blöcke nicht wiederhergestellt werden.
• Um die Abschnittsstile zu ändern, klicke auf Abschnitt bearbeiten.

Im Allgemeinen sind die meisten Abschnitte auf deiner Website Block-Abschnitte. Block-Abschnitte nutzen eine von zwei Bearbeitungsfunktionen: kreativer Editor oder klassischer Editor.

Kreativer Editor

Der Kreative Editor ist die neueste Squarespace-Funktion zur Bearbeitung von Inhalten. Wenn du einen neuen leeren Abschnitt oder einen Block-Abschnitt mit einem vorgefertigten Layout hinzufügst, wird der Kreative Editor verwendet. Wenn du dir nicht sicher bist, ob ein Abschnitt den Kreativen Editor verwendet, überprüfe während der Bearbeitung den Button Block hinzufügen in der oberen rechten Ecke.

Im Kreativen Editor ordnest du Blöcke an und änderst deren Größe, indem du auf ein flexibles Raster klickst und es ziehst. Blöcke können sich überlappen, um einzigartige Layouts zu erstellen.

Klassischer Editor

Wenn du vor der Veröffentlichung des Kreativen Editors Block-Abschnitte hinzugefügt hast, verwenden diese unseren Klassischen Editor, der auch in anderen Bereichen deiner Website verwendet wird, z. B. in Blogeinträgen. Wenn du dir nicht sicher bist, ob ein Abschnitt den Klassischen Editor verwendet, bewege den Mauszeiger über Blöcke auf der Seite, um nach +-Symbolen über oder unter jedem Block zu suchen. Dies sind Einfügemarken.

So fügst du einen neuen Block-Abschnitt mit dem Klassischen Editor hinzu:

1. Klicke auf der Seite auf Bearbeiten und dann auf Abschnitt hinzufügen.
2. Scrolle in der Liste der Abschnittstypen nach unten.
3. Klicke auf Leere hinzufügen [Klassischer Editor].

Um einen Block-Abschnitt des Klassischen Editors auf den Kreativen Editor zu aktualisieren, klicke auf Upgrade. Mehr dazu erfährst du unter Kreativer Editor, die neueste Squarespace-Funktion zur Bearbeitung von Inhalten.

Automatische Layout-Abschnitte

Verwende automatische Layouts, um Inhaltsgruppen wie Bilder und Text in visuell auffälligen Layouts hinzuzufügen, die automatisch aktualisiert werden, wenn du weitere Inhalte hinzufügst. In diesen Abschnitten wird ein Abzeichen mit der Bezeichnung i in der Abschnittsauswahl angezeigt.

Um mehr zu erfahren, besuche Auto-Layouts.

Galerie-Abschnitte

Galerie-Abschnitte sind eine Art automatisches Layout, das sich gut zum Präsentieren von Bildern ohne viel Text eignet. Um mehr zu erfahren, besuche Galerie-Abschnitte.

Sammlungs-Seiten-Abschnitte

Verwende Sammlungs-Seiten, um eine Sammlung von Elementen anzuzeigen, z. B. Blogeinträge oder Events. Blog-, Event-, Portfolio- und Shop-Seiten werden als Sammlungs-Seiten bezeichnet. Mehr dazu erfährst du unter Sammlungs-Seiten-Abschnitte.

Footer-Abschnitte

Erstelle deinen Footer mithilfe von Block-Abschnitten. Bewege den Mauszeiger über den Footer und klicke auf Footer bearbeiten, um die Abschnitte hinzuzufügen und zu bearbeiten. Du kannst leere Block-Abschnitte oder Abschnitte im Footer-Stil mit vorgefertigten Block-Layouts hinzufügen. Es ist nicht möglich, andere Abschnittstypen zu deinem Footer hinzuzufügen.

Mehr dazu erfährst du unter Fußzeile bearbeiten.

Probiere neue Layouts aus

Wenn dein Abschnitt den Kreativen Editor verwendet, kannst du neue Layouts automatisch mit dem Layout-Umschalter ausprobieren. Bewege beim Bearbeiten einer Seite den Mauszeiger über den Abschnitt und klickeauf den Button Layouts anzeigen .

Klicke auf die Vorschau des Layouts, das du ausprobieren möchtest, dann wird der Inhalt deines Abschnitts automatisch neu angeordnet. Klicke dann auf Speichern , um das neue Layout beizubehalten. Wenn du zu deinem ursprünglichen Layout zurückkehren möchtest, klicke auf Rückgängig.

Abschnittsstile ändern

Im Menü „Website-Stile“ kannst du Abschnitte so einstellen, dass sie deinen Stilen für die gesamte Website folgen, oder du kannst das Layout, den Hintergrund und die Farbe eines einzelnen Abschnitts bearbeiten, um deine Seiten vielfältiger und kontrastreicher zu gestalten.

Um einzelne Abschnitte zu gestalten, klicke auf der Seite auf Bearbeiten, bewege den Mauszeiger über den Abschnitt und klicke auf Abschnitt bearbeiten oder auf das Bleistiftsymbol. Block-Abschnitte enthalten drei Registerkarten: Design, Hintergrund und Farbe. Die Optionen des Design-Tabs variieren je nachdem, ob der Abschnitt unseren Klassischen Editor oder den Kreativen Editor verwendet.

Design (Klassiker-Editor)

Im Tab Design des Klassischen Editors kannst du diese Details ändern:

• Inhaltsausrichtung – Wie der Inhalt an den Abschnittsrändern, entlang der Oberseite, entlang der Unterseite oder gleich weit von oben und unten ausgerichtet ist.
• Inhaltsbreite – Legt fest, wie viel von der Breite des Abschnitts dein Inhalt umfasst.
• Abschnittshöhe – Wie hoch der Abschnitt auf der Seite erscheint. Abschnitte mit mehr Inhalt können in einer größeren Höhe als deine Einstellung angezeigt werden. Dies wirkt sich auch auf das Padding oberhalb und unterhalb des Inhalts deines Abschnitts aus.
• Gestaltung – Wie der untere Rand des Abschnitts angezeigt wird. Aktiviere den Schalter Teiler, um einen einzigartigen Abschnitts-Trennstrich hinzuzufügen. 

Design (Kreativer Editor)

Eine Liste der Styling-Optionen für Kreativer Editor-Abschnitte findest du unter Deine Website mit dem Kreativen Editor bearbeiten.

Hintergrund

Im Tab Hintergrund kannst du ein Hintergrundbild, ein Video oder eine Grafik hinzufügen. Hintergrundinhalte können randlos oder von den Rändern des Abschnitts eingerückt angezeigt werden. Um mehr über deine Optionen zu erfahren, besuche die folgenden Leitfäden:

• Abschnittshintergrundbilder und Effekte
• Hintergrundvideos hinzufügen
• Creative Backgrounds für Abschnitte

Farbe

Im Tab Farbe kannst du ein Farbdesign für den Abschnitt auswählen und anpassen. Beachte, dass Änderungen, die an einem Farbdesign vorgenommen werden, sich auf alle Abschnitte deiner Website, die dieses Design verwenden, auswirken. Näheres erfährst du hier: Farben ändern.

Andere Abschnitte

Weitere Informationen zu den Gestaltungsoptionen für automatische Layout-Abschnitte und Sammlungs-Seiten-Abschnitte findest du in den folgenden Leitfäden:

• Auto-Layouts
• Galerie-Abschnitte
• Mit Squarespace bloggen
• Veranstaltungsseiten
• Kreativer Editor, die neueste Squarespace-Funktion zur Bearbeitung von Inhalten
• Portfolio-Seiten
• Shop-Abschnitte

Abschnitts-Trennstriche

Aktiviere im Tab Format der Abschnittsstile den Schalter Trenner, um einen Rand unten in deinem Abschnitt hinzuzufügen. Du kannst Trennstriche zu Block-Abschnitten, Auto-Layouts und Galerie-Abschnitten hinzufügen.

So passt du deinen Abschnitts-Trennstrich an:

• 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 Trennstrich 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 der Trennlinie manuell zu ändern.

Nachdem du den ersten Abschnitts-Trennstrich deiner Website erstellt hast, gelten die Einstellungen für diesen Trennstrich für weitere Trennstriche, die du später erstellst. Wenn du möchtest, dass sich deine Abschnitts-Trennstriche unterscheiden, passe jeden einzelnen mit den oben aufgeführten Einstellungen an.

Abschnitte ohne Trennstriche

Wenn deine Seite einen Abschnitt enthält, der keine Abschnitts-Trennstriche unterstützt, z. B. einen Blog-, Events-, Portfolio- oder Video-Abschnitt, kannst du das Aussehen eines Abschnitts-Trennstrichs mit einem leeren Block-Abschnitt replizieren:

1. Klicke auf der Seite mit dem Abschnitt, der keine Abschnitts-Trennstriche unterstützt, auf Bearbeiten.
2. Bewege den Mauszeiger über Abschnitt hinzufügen unter diesem Abschnitt.
3. Klicke auf Leeren Abschnitt hinzufügen.
4. Bewege den Mauszeiger über den leeren Abschnitt und klicke auf Abschnitt bearbeiten.
5. Lege die Höhe auf klein fest und aktiviere den Schalter Teiler.
6. Gestalte den Trennstrich nach Belieben. Füge keine Blöcke zu diesem Abschnitt hinzu.

Beachte, dass dieser Abschnitts-Trennstrich mit dem obigen Abschnitt nicht auf die gleiche Weise interagiert wie integrierte Abschnitts-Trennstriche. Wenn der nicht unterstützte Abschnitt beispielsweise ein Hintergrundbild hat, erscheint der Trennstrich unter dem Bild, anstatt direkt an das Bild zu grenzen.

Abschnitte speichern

Wenn du ein Seitenabschnitts-Layout erstellst, das du wiederverwenden möchtest, bewege den Mauszeiger über den Abschnitt und klicke auf das Herz-Symbol, um ihn zu deinen gespeicherten Abschnitten hinzuzufügen.

Durch das Speichern eines Abschnitts wird ein „Schnappschuss“ des Layouts erstellt, den du jederzeit hinzufügen kannst. Dies ist ideal für Websites, bei denen du ein bestimmtes Layout auf mehreren Seiten wiederverwenden musst.

So verwendest du einen gespeicherten Abschnitt:

1. Klicke auf einer Seite auf Bearbeiten und dann auf Abschnitt hinzufügen.
2. Klicke auf Meine gespeicherten Abschnitte.
3. Wähle den gespeicherten Abschnitt aus, den du hinzufügen möchtest.
4. Nimm Änderungen am Layout vor.

Denke daran:

• Du kannst bis zu 50 gespeicherte Abschnitte auf deiner Website haben.
• Gespeicherte Abschnitte sind nicht mit dem ursprünglichen Abschnitt verknüpft. Durch das Aktualisieren des ursprünglichen Abschnitts wird die gespeicherte Version oder andere Stellen, an denen du sie hinzugefügt hast, nicht aktualisiert.
• Gespeicherte Abschnitte behalten Inhalts- und Designelemente bei. Einige Einstellungen, wie Speicherverbindungen in Formular- und Newsletter-Blöcken, werden nicht aus dem ursprünglichen Abschnitt übernommen. Richte den gesamten Formular- und Newsletter-Speicher in gespeicherten Abschnitten manuell ein.
• Es ist nicht möglich, Sammlungs-Seiten-Abschnitte oder Footer-Abschnitte zu speichern, und es ist auch nicht möglich, gespeicherte Abschnitte zu deinem Footer hinzuzufügen.

Einen gespeicherten Abschnitt entfernen

So entfernst du einen Abschnitt aus deinen gespeicherten Abschnitten:

1. Klicke auf einer Seite auf Bearbeiten und dann auf Abschnitt hinzufügen.
2. Klicke auf Meine gespeicherten Abschnitte.
3. Aktiviere links oben das Kästchen von einem oder mehreren Abschnitten.
4. Klicke auf Entfernen. Dies kann nicht rückgängig gemacht werden.

Inhalte zwischen Abschnitten verschieben

So verschieben Sie Inhalte:

• Block-Abschnitte des Klassischen Editors – Ziehe Blöcke, um sie von einem Block-Abschnitt zum anderen auf derselben Seite zu verschieben. Es ist nicht möglich, Blöcke zwischen Block-Abschnitten des Kreativen Editors zu verschieben.
• Automatische Layout-Abschnitte – Verwende eine Liste oder ein Galerie-Bild wieder, um es einer anderen Liste oder einem anderen Galerie-Abschnitt hinzuzufügen.
• Sammlungsabschnitte – Du kannst Blogeinträge, Events und Produkte von einer Sammlung in eine andere desselben Typs verschieben. Es ist derzeit nicht möglich, Portfolio-Projekte zu verschieben.