Inhalte mithife von Blöcken hinzufügen.

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:

Version 7.1
Version 7.0
Squarespace-App

Klicken Sie im Hauptmenü auf Seiten.
Wählen Sie die Seite aus, die Sie bearbeiten möchten, und klicken Sie oben links auf Bearbeiten.
Fahre mit dem Mauszeiger über den Abschnitt, in dem du den Block hinzufügen möchtest und klicke auf eine Einfügemarke.
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.

Klicke auf den +-Button 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.

Tippen Sie auf das Seiten-Symbol und dann auf die Seite, auf der Sie den Block hinzufügen möchten.
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:

Hier ist es nicht möglich, Blöcke hinzuzufügen:

Version 7.1
Version 7.0

Albumseiten
Blogseiten
Cover-Seiten
Veranstaltungsseiten
Galerie-Seiten
Index-Seiten
Shop-Seiten
Banner in den meisten Templates
Vollbild-Header in den meisten Templates

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.

Ändere deinen Website-Titel und Slogan im Menü Logo & 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 Markierungen in Seiten- oder Beitragseditoren, die anzeigen, wo Sie Blöcke hinzufügen können. Dies hilft Ihnen dabei, die Position des Blocks auszusuchen, bevor Sie ihn hinzufügen.

In einem leeren Block-Bereich:

Fahren Sie mit dem Mauszeiger über den Platzhalter-Text-Block.
Sie sehen dann zwei Einfügemarken auf der linken Seite des bereits vorhandenen Text-Blocks.
Wenn Sie mit der Maus über eine Einfügemarke fahren, sehen Sie Orientierungshilfen, die Ihnen anzeigen, wo ein neuer Block positioniert werden kann. Sie können den Block später verschieben.
Klicken Sie auf eine Einfügemarke und wählen Sie einen Block aus.

Wenn der Bereich schon Blöcke enthält:

Fahren Sie mit der Maus über den Bereich links oder rechts neben einem Block.
Klicken Sie auf eine Einfügemarke, um einen neuen Block hinzuzufügen.

Warum finde ich die „+“-Buttons oder Einfügemarken nicht?

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 auf Bearbeiten in der oberen linken Ecke der Seite, auf der du den Block hinzufügen möchtest.
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 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:

Computer
Squarespace-App

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.

Hinweis: Die Squarespace-App unterstützt derzeit nicht alle Blöcke, aber wir planen, in zukünftigen Versionen weitere hinzuzufügen. Nicht unterstützte Blöcke können Sie auf einem Computer zu Ihrer Website hinzufügen und bearbeiten.

Audio – Füge Player für Audiodateien hinzu.
Button - Buttons und Handlungsaufforderungen hinzufügen.
Code - Fügen Sie benutzerdefinierten Code hinzu oder zeigen Sie Code-Schnipsel an. Die Verwendung von JavaScript und iframe-Code in Code-Blöcken ist eine Premium-Funktion.
Einbetten – Füge externe Inhalte mit Links zu Tweets, Videos usw. 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.
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.
Zitat – Füge formatierte Zitate und Referenzen hinzu.
Suche – Suchfelder hinzufügen.
Social-Media-Links – Füge Symbole hinzu, die mit Social-Media-Profilen verbunden sind.
Übersicht – Zeige Sammlungsinhalte von deiner Website in Karussell-, Raster-, Listen- oder Wall(Mauer)-Layouts 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.

Eingestellte Blöcke

Der Archiv-Block ersetzt diese inzwischen eingestellten Blöcke:

Autorenliste
Kategorienliste
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.