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
Wie du Abschnitte hinzufügst und bearbeitest, hängt davon ab, ob du sie auf einem Computer oder in der Squarespace-App bearbeitest.
Wenn du eine neue Seite hinzufügst, beginnt diese mindestens mit einem vorgefertigten Abschnitt, es sei denn, es ist eine leere Seite. Um mit dem Bearbeiten von Abschnitten loszulegen, gehe auf die Seite und klicke dann oben links in der Seitenvorschau auf Bearbeiten.
Bewege den Mauszeiger über einen Abschnitt, um seine Optionen zu überprüfen:
- Um einen Abschnitt hinzuzufügen, klicke auf Abschnitt hinzufügen.
- Um einen Abschnitt zu duplizieren, klicke auf das Duplizieren-Symbol. Abschnitte von Sammlungs-Seiten können nicht dupliziert werden.
- Um einen Abschnitt zu verschieben, klicke auf ↑ oder ↓.
- Um einen Abschnitt zu gestalten, klicke auf das Bleistiftsymbol.
- Um einen Abschnitt zu löschen, klicke auf das Papierkorb-Symbol. Nach dem Speichern können Abschnitte nicht wiederhergestellt werden. Sammlungs-Seiten-Abschnitte können nicht gelöscht werden.
- Klicken Sie auf Save (Speichern), um Ihre Änderungen zu veröffentlichen. Änderungen werden nicht automatisch gespeichert.
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.
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. Derzeit unterstützt die App nur manche Abschnitte.
Tippe auf Bearbeiten oder auf das Stift-Symbol in der oberen rechten Ecke, um die Seite zum Bearbeiten zu öffnen und dann Abschnitte hinzuzufügen oder zu bearbeiten:
- Tippe zum Hinzufügen eines neuen Abschnitts auf + über oder unter einem vorhandenen Abschnitt, und wähle dann einen Abschnittstyp aus.
- Um einen Abschnitt zu verschieben, tippe in der Werkzeugleiste auf ↑ oder ↓.
- Um einen Abschnitt zu formatieren, tippen Sie auf das Stiftsymbol in der Symbolleiste.
Tippe auf Fertig oder ✓ in der oberen linken Ecke, um deine Änderungen zu speichern.
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.
Hinweis: Die Squarespace-App unterstützt die Bearbeitung der Inhalte in einem unterstützten Abschnitt. Für folgende Aktionen kannst du die App jedoch nicht verwenden, um einem Abschnitt neue Blocks hinzuzufügen. Für Bereiche deiner Website, die du in der App nicht bearbeiten kannst, musst du deine Website auf einem Computer bearbeiten.
Block-Abschnitte
Blöcke sind Funktionen, mit denen du deiner Website Inhalte wie Texte, Bilder, Buttons und Formulare hinzufügen kannst. Alle Abschnitte sind Block-Abschnitte, mit Ausnahme von automatischen Layout- und Sammlungs-Seiten-Abschnitten.
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, fahre mit der Maus über ihn und klicke auf das Papierkorb-Symbol Nach dem Speichern können Blöcke nicht wiederhergestellt werden.
- Klicke zum Ändern der Abschnittsstile auf das Bleistift-Symbol.
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 Automatisch 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 erfahren Sie unter Fußzeile bearbeiten.
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 formatieren, klicke auf der Seite auf Bearbeiten, bewege den Mauszeiger über den Abschnitt und klicke auf das Stift-Symbol. Blockabschnitte umfassen drei Tabs: Format, Hintergrund und Farbe.
Format
Im Tab Format kannst du die folgenden Details ändern:
- Abschnittshöhe – Die Höhe des Abschnitts. Abschnitte mit mehr Inhalt werden möglicherweise in einer größeren Höhe als deine Einstellung angezeigt. Dies wirkt sich auch auf das Padding oberhalb und unterhalb des Inhalts deines Abschnitts aus.
- Inhaltsbreite – Legt fest, wie viel von der Breite des Abschnitts dein Inhalt umfasst.
- Inhaltsausrichtung – Wie der Inhalt an den Abschnittsgrenzen entlang der Oberseite, entlang der Unterseite oder gleich weit von oben und unten ausgerichtet ist
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
- Portfolio-Seiten
- Shop-Abschnitte
Inhalte zwischen Abschnitten verschieben
So verschieben Sie Inhalte:
- Block-Abschnitte – Ziehe Blöcke, um sie von einem Block-Abschnitt zum anderen auf derselben Seite 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 Blog-Blogeinträge, Events und Produkte von einer Sammlung in eine andere desselben Typs verschieben. Es ist derzeit nicht möglich, Portfolio-Unterseiten zu verschieben.