Verschiebe die verschiedenen Blocktypen auf deinen Seiten per Drag-and-Drop, um den Stil und die Struktur der Inhalte anzupassen.
Blöcke sind Drag-and-Drop-Funktionen, die Inhalte auf deiner Website anzeigen. Du verwendest sie, um deine Seiten mit einer Vielzahl von Inhalten wie Text, Bildern, Buttons und Formularen anzupassen. In dieser Anleitung erfährst du mehr über die verschiedenen Arten verfügbarer Blöcke und wie du sie zu Inhaltsbereichen wie Layout-Seiten oder Blogeinträgen hinzufügen kannst.
Video ansehen
Einen Block hinzufügen
Wie du einen Block hinzufügst, hängt davon ab, welche Version von Squarespace deine Website nutzt und ob du sie auf einem Computer oder in der Squarespace-App bearbeitest.
So fügen Sie einen Block hinzu:
- Klicken Sie im Hauptmenü auf Seiten.
- Wählen Sie die Seite aus, die Sie bearbeiten möchten, und klicken Sie oben links auf Bearbeiten.
- Bewege den Mauszeiger über den Abschnitt, in dem du den Block hinzufügen möchtest und klicke oben links auf Block hinzufügen. Die Seite muss mindestens einen Block-Abschnitt haben, um Blöcke hinzuzufügen.
Tipp: Wenn der Button Block hinzufügen nicht angezeigt wird, verwendest du den Klassischen Editor von Squarespace, eine etwas andere Bearbeitungsfunktion, die in bestimmten Bereichen deiner Website verwendet wird. Um Blöcke im Klassischen Editor hinzuzufügen, klicke stattdessen auf eine Einfügemarke.
- Klicke einen Block im Menü an. Du kannst auch oben im Menü nach Blöcken suchen.
- Der neue Block erscheint inklusive Platzhalter-Inhalt auf der Seite. Je nach Block kann sich ein Editor öffnen, mit dessen Hilfe du den Block nach Belieben anpassen kannst.
- Klicke im Hauptmenü auf Seiten. (Wenn das Seiten-Menü nicht sichtbar ist, klappe die Website-Vorschau ein, indem du auf den Pfeil in der oberen linken Ecke deiner Website klickst.)
- Klicke im Seiten-Menü die Seite an, die du bearbeiten möchtest, oder füge eine neue Seite hinzu.
- Fahre mit der Maus über die Stelle, an der du einen Block hinzufügen möchtest, und klicke auf Bearbeiten.
Tipp: Wenn du gerade mit einer leeren Layout-Seite arbeitest, wird dir die Meldung „Diese Seite ist leer. Beginnen Sie die Bearbeitung und fügen Sie Blöcke hinzu.“ angezeigt. Diese Mitteilung wird nur angezeigt, bis du Blöcke zur Seite hinzufügst. Besucher sehen eine leere Seite ohne Text.
- Klicke oben rechts auf + oder auf eine Einfügemarke, um das Block-Menü zu öffnen.
- Klicke einen Block im Menü an. Du kannst auch oben im Menü nach Begriffen wie Bild, Text oder Formular suchen.
- Der neue Block erscheint inklusive Platzhalter-Inhalt auf der Seite. Je nach Block öffnet sich ein Editor, mit dessen Hilfe Sie den Block nach Belieben anpassen können.
Optionen für Blöcke in der App funktionieren unterschiedlich, je nachdem, welche Version von Squarespace deine Website nutzt.
- In Version 7.1 kannst du Blöcke zu Blogeinträgen, einzelnen Events und zusätzlichen Produktinformationen hinzufügen. Du kannst keine Blöcke zu Kreativer Editor-Abschnitten hinzufügen.
- In Version 7.0 kannst du Blöcke zu leeren Layout-Seiten und Blogeinträgen hinzufügen.
So kannst du einen neuen Block hinzufügen:
- Tippen Sie auf das Seiten-Symbol.
- Tippe auf die Seite, die du bearbeiten möchtest.
- Tippen Sie auf Bearbeiten oder das Bleistiftsymbol rechts oben.
- Tippe auf einen vorhandenen Block, um ihn zu bearbeiten, oder tippe auf +, um einen neuen Block hinzuzufügen.
- Scrolle durch die Blockeinstellungen am unteren Bildschirmrand, um Inhalte hinzuzufügen und den Block anzupassen.
- Wenn Sie fertig sind, tippen Sie auf Fertig oder ✓ in der oberen linken Ecke, um Ihre Änderungen zu speichern.
Drag-and-Drop
Wenn Sie genau wissen, an welcher Stelle Sie einen Block auf der Seite einfügen möchten, können Sie den Block auch per Drag-and-Drop platzieren:
- Ziehe einen Block aus dem Menü. Es werden Orientierungshilfen eingeblendet, um dir zu zeigen, wo du den Block platzieren kannst.
- Lassen Sie den Block los, um ihn auf der Seite zu platzieren. Je nach Block kann sich ein Editor öffnen, mit dessen Hilfe Sie den Block nach Belieben anpassen können.
Blöcke zu anderen Bereichen hinzufügen
Hier können Sie Blöcke hinzufügen:
- Layout-Seiten
- Block-Abschnitte
- Blog-Einträge
- Event-Beschreibungen
- Fußzeilen
- Seiten-Header und -Footer (Version 7.0)
- Zusätzliche Produktinformation
- Seitenleisten (Version 7.0)
Hier ist es nicht möglich, Blöcke hinzuzufügen:
Wenn du Blöcke auf derselben Seite wie einen Abschnitt haben möchtest, der keine Blöcke unterstützt, füge einen Block-Abschnitt über oder unter diesem Abschnitt hinzu.
- Album-Seiten
- Blogseiten
- Cover-Seiten
- Veranstaltungsseiten
- Galerie-Seiten
- Index-Seiten
- Shop-Seiten
- Banner in den meisten Templates
- Vollbild-Header in den meisten Templates
Banner und Kopfzeilen
- Füge Blöcke hinzu, die ein Banner überlagern, indem du ein Hintergrundbild zu einem Block-Abschnitt hinzufügst.
- Es ist nicht möglich, Blöcke zu seitenweiten Headern hinzuzufügen.
- Ändere den Website-Titel und den Slogan im Überschriften-Editor.
- Ändere deine Navigationslinks in den Seiteneinstellungen.
In den meisten Templates ist es nicht möglich, Blöcke zu Bannern oder Kopfzeilen hinzuzufügen.
- Ändere deinen Website-Titel und deinen Slogan im Menü „Logo und Titel“.
- Ändere deine Navigationslinks in den Seiteneinstellungen.
- Die meisten Banner unterstützen Overlay-Text.
In folgenden Template-Gruppen kannst du Blöcke zum Header für die gesamte Website hinzufügen:
- Montauk – Füge Blöcke zum Header hinzu, wenn die Anpassung Header-Untertitel: Benutzerdefiniert ausgewählt ist.
- Skye – Füge Blöcke im Navigation-Overlay hinzu.
- Wells – Fügen Sie Blöcke zum Inhaltsbereich der Navigations-Seitenleiste hinzu.
- Einige Templates verfügen über Header für einzelne Seiten, die Blöcke unterstützen. Bei Templates der Brine-Familie lassen sich beispielsweise Blöcke im Intro-Bereich hinzufügen, der dann oberhalb von Seiten-Bannern angezeigt wird.
Einfügemarken
Einfügemarken sind +-Symbole im Klassischen Editor, die zeigen, wo du Blöcke hinzufügen kannst, wenn du deine Website auf einem Computer bearbeitest. Sie werden über und unter vorhandenen Blöcken angezeigt, sodass du die Platzierung des Blocks auswählen kannst, bevor du ihn hinzufügst.
Klicke im Kreativen Editor stattdessen auf Block hinzufügen. Klicke in der Squarespace-App auf das Symbol + in der oberen rechten Ecke.
Warum kann ich die „+“-Buttons nicht finden?
Wenn du den Button Block hinzufügen oder die +-Symbole beim Bearbeiten auf dem Computer nicht finden kannst, stelle zunächst sicher, dass du einen Bereich bearbeitest, in dem du Blöcke hinzufügen kannst. Sieh in der Liste oben nach.
Stelle anschließend sicher, dass der Editor geöffnet ist. So öffnest du einen Editor:
- Version 7.1 – Klicke oben links auf der Seite, auf der du den Block hinzufügen möchtest, auf Bearbeiten und stelle sicher, dass die Seite mindestens einen Block-Abschnitt hat.
- Version 7.0 – Bewege den Mauszeiger über die Stelle, an der du den Block hinzufügen möchtest, und klicke dann aufBearbeiten.
Wenn in der oberen linken Ecke der Button Block hinzufügen nicht angezeigt wird, verwendest du den Klassischen Editor. Wenn der Klassische Editor geöffnet ist, aber keine +-Symbole angezeigt werden, wenn du den Mauszeiger über oder unter einen Block bewegst, ist möglicherweise bereits ein anderer Block ausgewählt. Klicke auf eine andere Stelle auf der Seite, um die Auswahl des Blocks aufzuheben, und bewege den Mauszeiger dann auf die Stelle, an der du den neuen Block hinzufügen möchtest.
Wenn du weiterhin Probleme hast, kann es hilfreich sein, den Cache deines Browsers zu leeren, alle Browser-Erweiterungen zu deaktivieren oder deine Browserversion zu aktualisieren. Wenn das +-Symbol nicht angezeigt wird, wenn du in der Squarespace-App auf Bearbeiten klickst, wird das Hinzufügen neuer Blöcke zu dieser Seite in der App möglicherweise nicht unterstützt.
Arten von Blöcken
Verwenden Sie diese Blöcke, um Inhalte zu Ihrer Website hinzuzufügen:
- 500px – Füge Bilder aus deinem 500px-Konto hinzu.
- Amazon (Premium-Funktion) - Link zu Amazon-Artikeln. Dies ist nützlich, wenn Sie am Amazon Affiliate-Programm teilnehmen.
- Archiv – Zeige geordnete Listen mit Links zu Sammlungsinhalten an.
- Audio – Füge Player für Audiodateien hinzu.
- Bandsintown - Zeige Tourdaten aus deinem Bandsintown-Profil an.
- Button - Buttons und Handlungsaufforderungen hinzufügen.
- Kalender – Zeige Elemente auf deinen Seiten (z. B. Events) in Form eines täglichen Kalenders an.
- Diagramm – Füge Balken, Linien- und Kreis-Diagramme hinzu.
- Code – Füge benutzerdefinierten Code hinzu oder zeige Code-Schnipsel an. Die Verwendung von JavaScript und iFrame-Code in Code-Blöcken ist eine Premium-Funktion.
- Inhaltsverknüpfung – Füge Links zu anderen Seiten mit visueller Vorschau auf deiner Website hinzu.
- Spende (Premium-Funktion) - Sammeln Sie Spenden für Ihr Projekt oder Organisation. Erfordert ein verbundenes Stripe- oder PayPal-Konto.
- Einbetten – Füge externe Inhalte mit Links zu Tweets, Videos usw. hinzu.
- Events – Füge einen Button für die Buchung von Veranstaltungstickets bei Tock hinzu.
- Flickr – Füge Bilder von deinem Flickr-Konto hinzu.
- Foursquare – Füge Feeds deiner Check-ins bei Foursquare hinzu.
- Formular – Füge Formulare hinzu, um Daten von Besuchern zu erfassen.
- Galerie – Füge Galerien mit Bildern oder Videos in Karussell-, Raster-, Slideshow- oder Stapel-Layouts hinzu.
- Bild – Füge Bilder mit Beschriftungen in Karten-, Collage-, Inline-, Überlappungs- , Plakat-, oder Stapel-Layouts hinzu.
- Instagram – Füge Beiträge von deinem Instagram-Konto hinzu.
- Linie – Füge horizontale Linien hinzu, um Text zu gestalten oder Inhalte visuell zu trennen.
- Karte – Füge „Google Maps“-Karten mit Stecknadeln für Standorte hinzu.
- Markdown - Füge Text mithilfe von Markdown hinzu.
- Menü (Premium-Funktion) - Anzeige von Restaurantmenüs.
- Newsletter – Füge Formulare zum Abonnieren deines Newsletters hinzu.
- OpenTable (Premium-Funktion) - Fügen Sie eine Restaurant-Reservierungsbuchung hinzu. Sie benötigen eine OpenTable Restaurant-ID.
- Produkt – Zeigen Sie Produkte von Shop-Seiten an.
- Zitat – Füge formatierte Zitate und Referenzen hinzu.
- Reservierungen – Füge einen Button hinzu, um Reservierungen bei Tock vorzunehmen.
- RSS – Füge Links zu RSS-Feeds für Blogseiten hinzu.
- Scheduling – Füge Online-Buchungen mit Acuity Scheduling hinzu.
- Scrolling – Füge Lauftext wie Marquee oder einen Newsticker hinzu.
- Form-Blöcke (nur Kreativer Editor) – Füge einfarbige Formen hinzu.
- Suche – Füge Suchfelder hinzu.
- Social-Media-Links – Füge Symbole hinzu, die mit Social-Media-Profilen verbunden sind.
- SoundCloud – Bette SoundCloud-Player ein.
- Abstandhalter – Füge einen einstellbaren Platzhalter oder Freiraum zwischen Blöcken hinzu.
- Übersicht – Zeige Sammlungsinhalte von deiner Website in Karussell-, Raster-, Listen- oder Wall(Mauer)-Layouts an.
- Tag Cloud - Zeige Tags oder Kategorien in einer graphischen Wolkenformation an.
- Text – Füge deiner Website Text hinzu, darunter Überschriften, Zitate, vorformatierten Text, Links und Listen.
- Video – Füge extern gehostete Videos hinzu.
- Zola – Fügen Sie Wunschlisten für Hochzeiten hinzu.
Die Squarespace-App unterstützt nicht alle Blöcke. Um nicht unterstützte Blöcke hinzuzufügen oder zu bearbeiten, melde dich auf einem Computer bei deiner Website an.
- Button - Buttons und Handlungsaufforderungen hinzufügen.
- Galerie – Füge Galerien mit Bildern oder Videos in Karussell-, Raster-, Slideshow- oder Stapel-Layouts hinzu.
- Bild – Füge Bilder mit Beschriftungen in Karten-, Collage-, Inline-, Überlappungs- , Plakat-, oder Stapel-Layouts hinzu.
- Linie – Füge horizontale Linien hinzu, um Text zu gestalten oder Inhalte visuell zu trennen.
- Text – Füge deiner Website Text hinzu, darunter Überschriften, Zitate, vorformatierten Text, Links und Listen.
- Video – Füge extern gehostete Videos hinzu.
Es ist nicht möglich, Blöcke in Abschnitten des Kreativen Editors in der Squarespace-App hinzuzufügen oder zu bearbeiten.
Eingestellte Blöcke
Verwende den Archiv-Block anstelle dieser nicht eingestellten Blöcke:
- Autorenliste
- Kategorieliste
- Monatsliste
- Tag-Liste
Weitere Hilfestellungen findest du unter Eingestellte Funktionen.
Nächste Schritte
Nachdem Sie nun einen Block hinzugefügt haben, können Sie:
Näheres über die verfügbaren Style- und Bearbeitungsoptionen erfährst du in der Anleitung deines Blocks.