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, klicke auf Speichern, um deine Änderungen zu speichern und die Bearbeitung fortzusetzen, oder klicke auf Beenden und dann auf Speichern, um den Editor zu schließen.
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.
- Klicke auf Speichern, um deine Änderungen zu veröffentlichen, oder klicke auf Beenden und dann auf Speichern, um den Editor zu schließen.
Es ist nicht möglich, mit der App für Mobilgeräte 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 formieren, der den Klassischen Editor verwendet, z. B. Blogeinträge und Produktdetails. 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 Bleistift-Symbol oben rechts, um die Seite zur Bearbeitung zu öffnen:
- 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.
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.
Beachte, dass diese Option nur in den Kreativer Editor-Abschnitten verfügbar ist. Abhängig von den Blöcken, die du hinzugefügt hast, kann der Button Layouts anzeigen ausgegraut sein, was bedeutet, dass es keine Layout-Vorschläge für diesen Abschnitt gibt.
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:
- Klicke auf der Seite mit dem Abschnitt, der keine Abschnitts-Trennstriche unterstützt, auf Bearbeiten.
- Bewege den Mauszeiger über Abschnitt hinzufügen unter diesem Abschnitt.
- Klicke auf Leeren Abschnitt hinzufügen.
- Bewege den Mauszeiger über den leeren Abschnitt und klicke auf Abschnitt bearbeiten.
- Lege die Höhe auf klein fest und aktiviere den Schalter Teiler.
- 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 Seitenabschnittslayout erstellst, das du wiederverwenden möchten, kannst du es zu deinen gespeicherten Abschnitten hinzufügen. Durch das Speichern eines Abschnitts wird eine „Momentaufnahme“ 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.
Um einen Abschnitt zu speichern, klicke auf einer Seite auf Bearbeiten, bewege den Mauszeiger über den Abschnitt und klicke auf das Herz-Symbol.
Einen gespeicherten Abschnitt verwenden
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.
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 Gespeicherte Abschnitte.
- Aktiviere links oben das Kästchen von einem oder mehreren Abschnitten.
- Klicke auf Entfernen. Dies kann nicht rückgängig gemacht werden.
Gespeicherte Abschnitte in einem Enterprise-Abo
Team-Administratoren mit einem Enterprise-Abonnement können auch Abschnitte in der Enterprise-Bibliothek speichern. Diese Abschnitte können von Teammitgliedern auf jeder Website verwendet werden, die der Organisation gehört.
So speicherst du einen Abschnitt in der Enterprise-Bibliothek:
- Klicke auf einer Seite auf Bearbeiten, bewege den Mauszeiger über den Abschnitt und klicke auf das Herz-Symbol.
- Wähle Enterprise-Bibliothek aus.
- Gib einen Namen für den Abschnitt ein und klicke dann auf Speichern.
Du kannst auf die Enterprise-Bibliothek zugreifen, wenn du einen Abschnitt zu deiner Seite hinzufügst.
- Klicke auf einer Seite auf Bearbeiten und dann auf Abschnitt hinzufügen.
- Klicke auf Enterprise-Abschnitte.
- Wähle einen gespeicherten Enterprise-Abschnitt aus, um ihn zur Seite hinzuzufügen. Team-Administratoren können auch einen gespeicherten Abschnitt umbenennen, suchen oder vorhandene Enterprise-Abschnitte aus der Bibliothek entfernen.
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.
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.