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
Blöcke zu einer Seite hinzufügen
Wie du Blöcke auf einem Computer 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 auf eine Einfügemarke. Die Seite muss mindestens einen Block-Abschnitt haben, um Blöcke hinzuzufügen.
Wenn keine Einfügemarken angezeigt werden und in deinem Abschnitt in der oberen linken Ecke der Button Block hinzufügen + angezeigt wird, verwendest du den Kreativen Editor, die neue Funktion zur Bearbeitung von Inhalten, die für Benutzer phasenweise veröffentlicht wird. Um Blöcke hinzuzufügen, klicke auf den Button Block hinzufügen +.
- Wählen Sie im Menü einen Block aus. Sie können auch oben im Menü nach Blöcken suchen.
- Der neue Block erscheint auf der Seite. Je nach Block kann sich ein Editor öffnen, mit dessen Hilfe Sie den Block nach Belieben anpassen können.
- 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.)
- Wählen Sie im Seiten-Menü die Seite aus, die Sie bearbeiten möchten, oder fügen Sie eine neue Seite hinzu.
- Fahren Sie mit der Maus über die Stelle, an der Sie einen Block hinzufügen möchten, und klicken Sie 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.
- Klicken Sie oben rechts auf + oder auf eine Einfügemarke, um das Block-Menü zu öffnen.
- Klicken Sie in diesem Menü auf einen Block, um ihn auszuwählen. Sie können oben im Menü auch 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 Sammlungsinhalten wie Blogeinträgen und einzelnen Events 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:
- Ziehen Sie einen Block aus dem Menü.
- Orientierungshilfen und graue Felder werden eingeblendet, um Ihnen zu zeigen, wo Sie den Block positionieren können.
- 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:
- 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
- Du kannst den meisten Seitenabschnitten ein Banner oder ein Hintergrundbild hinzufügen, wobei ein Block sie überlagert.
- 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.
- Ändern Sie Ihren Website-Titel und Ihren Slogan im Menü für Logo und Titel.
- Ändere deine Navigationslinks in den Seiteneinstellungen.
- Die meisten Banner unterstützen Overlay-Text.
In folgenden Template-Gruppen können Sie Blöcke zur Kopfzeile 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ügen Sie Blöcke im Navigation-Overlay hinzu.
- Wells – Fügen Sie Blöcke zum Inhaltsbereich der Navigations-Seitenleiste hinzu.
- Einige Templates verfügen über Kopfzeilen für Seiten, die Blöcke unterstützen. Bei Templates der Brine-Familie lassen sich beispielsweise Blöcke im Intro-Bereich hinzufügen, die dann oberhalb von Seiten-Bannern angezeigt werden.
Einfügemarken
Einfügemarken sind +-Symbole, die anzeigen, wo du Blöcke in Seiten- oder Beitrags-Editoren hinzufügen kannst. Sie erscheinen über und unter bestehenden Blöcken. Diese Methode ist hilfreich, wenn du die Platzierung des Blocks vor dem Hinzufügen auswählen möchtest.
Warum kann ich die „+“-Buttons nicht finden?
Vergewissere dich zunächst, dass du einen Bereich bearbeitest, zu dem du Blöcke hinzufügen kannst. Sieh in der Liste oben nach.
Stellen Sie anschließend sicher, dass ein Editor geöffnet ist. So öffnen Sie 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.
- Squarespace-App – Tippe auf Bearbeiten oder auf das Bleistiftsymbol oben rechts.
Wenn der Editor geöffnet ist, aber keine +-Symbole angezeigt werden, wenn du den Mauszeiger über oder unter einem Block bewegst, wurde möglicherweise bereits ein Block ausgewählt. Klicke auf eine andere Stelle der Seite, um die Auswahl des Blocks aufzuheben, und bewege dann den Mauszeiger über den Bereich, wo du den neuen Block hinzufügen möchtest.
Einfügemarken werden nicht angezeigt, wenn dein Abschnitt den Kreativen Editor verwendet, die neue Funktion zur Bearbeitung von Inhalten, die für Benutzer phasenweise veröffentlicht wird. In Abschnitten des Kreativen Editors klickst du stattdessen auf Block hinzufügen +.
Wenn Sie immer noch Probleme haben, kann es hilfreich sein, den Cache Ihres Browsers zu leeren, alle Browser-Erweiterungen zu deaktivieren oder die Version Ihres Browsers zu aktualisieren.
Arten von Blöcken
Verwenden Sie diese Blöcke, um Inhalte zu Ihrer Website hinzuzufügen:
- 500px - Fügen Sie Bilder aus Ihrem 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 die Online-Buchung mit Squarespace Scheduling hinzu.
- Scrolling – Füge Lauftext wie Marquee oder einen Newsticker 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.
- Twitter – Zeige Feeds deiner aktuellsten Tweets und einen Button zum Folgen an.
- 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.
Eingestellte Blöcke
Verwenden Sie den Archiv-Block anstelle dieser nicht eingestellten Blöcke:
- Autorenliste
- Kategorieliste
- Monatsliste
- Tag-Liste
Weitere Hilfestellungen finden Sie unter Eingestellte Funktionen.
Nächste Schritte
Nachdem Sie nun einen Block hinzugefügt haben, können Sie:
- Verschieben Sie Blöcke, um sie neu anzuordnen oder einen Block über einem anderen schweben zu lassen.
- Erstellen Sie Spalten und Zeilen mit Blöcken für komplexere Layouts.
- Skalieren Sie Blöcke mithilfe anderer Blöcke, wie dem Abstands-Block.
- Lösche einen Block, indem du ihn anklickst und auf das Papierkorb-Symbol ziehst.
Näheres über die verfügbaren Style- und Bearbeitungsoptionen erfährst du in der Anleitung deines Blocks.