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.
Um mit dem Bearbeiten von Abschnitten loszulegen, gehe auf die Seite und klicke dann oben links in der Seitenvorschau auf Bearbeiten.
So fügst du einen neuen Abschnitt hinzu:
- Klicke oberhalb oder unterhalb eines vorhandenen Abschnitts auf Abschnitt hinzufügen. Wenn die Seite leer ist, wird dieser Button in der Mitte der Seite angezeigt.
- Klicke im linken Menü auf eine Kategorie, um vorgefertigte Abschnitte zu finden. Du kannst auch auf Leeren Abschnitt hinzufügen klicken, um einen leeren Block-Abschnitt hinzuzufügen, oder auf Meine gespeicherten Abschnitte klicken, um einen zuvor gespeicherten Abschnitt hinzuzufügen.
- Klicke auf einen Abschnitt, nachdem du eine Kategorie gewählt hast. Die meisten Abschnitte verwenden Blöcke, die du neu anordnen oder mit weiteren Blöcken aktualisieren kannst. Wenn der Abschnitt ein i-Symbol hat, handelt es sich um ein Auto-Layout oder einen Galerie-Abschnitt, das/der Inhalte automatisch in voreingestellten Layouts anordnet.
- Der Abschnitt wird zur Seite hinzugefügt, wo du ihn sofort bearbeiten und gestalten kannst. Nachdem du Änderungen vorgenommen hast, bewege den Mauszeiger über Fertig und klicke auf Speichern.
Tipp: Sammlungen wie Blogeinträge oder Produkte können nicht als einzelne Abschnitte hinzugefügt werden. Wenn du stattdessen eine Sammlungs-Seite hinzufügst, enthält sie einen Sammlungs-Seiten-Abschnitt.
Bewege den Mauszeiger über einen bestehenden Abschnitt, um dessen Optionen zu überprüfen:
- Um einen Abschnitt zu gestalten, klicke auf Abschnitt bearbeiten.
- Um einen Abschnitt zu duplizieren, klicke auf das Duplizieren-Symbol. Abschnitte von Sammlungs-Seiten können nicht dupliziert werden.
- Um einen Abschnitt zu speichern, klicke auf das Herz-Symbol. Sammlungs-Seiten-Abschnitte können nicht gespeichert werden.
- Um einen Abschnitt zu verschieben, klicke auf ↑ oder ↓.
- 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 ist nicht möglich, Blöcke in Abschnitten des Kreativen Editors hinzuzufügen oder zu bearbeiten, einschließlich Aktualisierungen des Seitentexts. Du kannst jedoch einen Abschnitt verschieben, einen neuen Abschnitt hinzufügen oder einen Abschnitt formatieren. Für Bereiche deiner Website, die du nicht in der App bearbeiten kannst, kannst du deine Website auf einem Computer bearbeiten.
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.
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:
- Klicke auf der Seite auf Bearbeiten und dann auf Abschnitt hinzufügen.
- Scrolle in der Liste der Abschnittstypen nach unten.
- 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.
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 Abschnitt bearbeiten oder auf das Bleistiftsymbol. Blockabschnitte umfassen drei Tabs: Format, Hintergrund und Farbe.
Format
Im Tab Format kannst du die folgenden 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.
Abschnitts-Trennstriche
Im Tab Format kannst du den Schalter „Abschnitts-Trennstrich“ aktivieren, um einen Rand im unteren Bereich deines Abschnitts hinzuzufügen. Diese Trennstriche funktionieren bei jedem Block-Abschnitt.
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.
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
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:
- Klicke auf einer Seite auf Bearbeiten und dann auf Abschnitt hinzufügen.
- Klicke auf Meine gespeicherten Abschnitte.
- Wähle den gespeicherten Abschnitt aus, den du hinzufügen möchtest.
- Nimm Änderungen am Layout vor.
Denken Sie 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.
- 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:
- Klicke auf einer Seite auf Bearbeiten und dann auf Abschnitt hinzufügen.
- Klicke auf Meine gespeicherten Abschnitte.
- Aktiviere links oben das Kästchen von einem oder mehreren Abschnitten.
- 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 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.