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 Sie Blöcke auf einem Computer hinzufügen, hängt davon ab, auf welcher Version von Squarespace sich Ihre Website befindet.
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 du keine Einfügemarken siehst, klicke auf Abschnitt hinzufügen, um einen leeren Abschnitt hinzuzufügen, in dem du Blöcke hinzufügen kannst.
- 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.
- Klicken Sie im Home Menu (Hauptmenü) auf Pages (Seiten). Wenn Sie das Seiten-Menü nicht sehen, schließen Sie die Website-Vorschau per Mausklick auf den Pfeil in der linken oberen Ecke Ihrer Website.
- 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.
- Tippe auf das Seiten-Symbol und dann auf die Seite, auf der du den Block hinzufügen möchtest. In Version 7.1 kannst du nur Blöcke zu Sammlungsinhalten wie Blogeinträgen oder einzelnen Events hinzufügen. In Version 7.0 kannst du Blöcke zu leeren Layout-Seiten und Blogeinträgen hinzufügen. In der App werden nur einige Blöcke unterstützt.
- Tippe rechts oben auf Bearbeiten.
- Tippen Sie auf +, um das Block-Menü zu öffnen und tippen oder drücken und ziehen Sie, um einen Block zur Seite hinzuzufügen.
- 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.
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
- Kopf- und Fußzeile der Seite
- Zusätzliche Produktinformation
- Seitenleisten
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ügen Sie Blöcke zur Kopfzeile hinzu, wenn die Anpassung Untertitel der Kopfzeile: 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?
Vergewissern Sie sich zunächst, dass Sie einen Bereich bearbeiten, dem Sie Blöcke hinzufügen können. Sehen Sie 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 in der oberen rechten Ecke.
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.
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.
- Acuity – Fügen Sie Online-Buchungen mit Acuity Scheduling 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.
- 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.
- RSS – Füge Links zu RSS-Feeds für Blogseiten 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.