Anmerkung: Während unsere beliebtesten Anleitungen ins Deutsche übersetzt wurden, sind andere Anleitungen bisher nur auf Englisch verfügbar
Spalten und Reihen mit Blöcken erstellen

Sie können Inhalt in Spalten und Reihen anordnen, indem Sie Blöcke verschieben und die Hilfslinien beachten, die Sie bei der Positionierung unterstützen.

Wenn Sie neu bei Squarespace sind, empfehlen wir folgende Anleitungen und Videos, bevor Sie beginnen:

Tipp: Behalten Sie die Hilfslinien im Auge – die schwarzen Linien, die angezeigt werden, wenn Sie Blöcke anklicken und verschieben. Wenn die Hilfslinie sich über die gesamte Höhe der Seite erstreckt, wird eine neue Spalte erstellt. Wenn die Hilfslinie sich über die ganze Breite der Seite erstreckt, wird eine neue Reihe erstellt.

Glossar

Bevor Sie Spalten und Reihen erstellen, empfehlen wir Ihnen, sich folgende Begriffe nochmals anzuschauen:

Raster der Inhaltsbereiche

Das Raster im Inhaltsbereich ist ein unsichtbarer Bauplan, der steuert, wo Sie Blöcke platzieren können. In den meisten Bereichen, wie z. B. auf normalen Seiten und in Blog-Einträgen, unterstützt das Raster bis zu 12 Spalten und eine unbegrenzte Zahl von Zeilen.

Einige Template-spezifischen Bereiche wie Seitenleisten und Fußzeilen unterliegen verschiedenen Beschränkungen. Näheres über diese Bereiche Ihres Templates erfahren Sie in unseren Template-Anleitungen.

Hilfslinien

Wenn Sie einen Block verschieben, erscheinen diese schwarzen Linien, um Ihnen zu zeigen, wo Sie den Block platzieren.

Während Sie Blöcke verschieben, ändern sich diese Hilfslinien und verdeutlichen Ihnen, ob der Block:

  • sich über die gesamte Höhe der Seite erstreckt und somit eine neue Spalte erstellt.
  • sich über die gesamte Breite der Seite erstreckt und somit eine neue Reihe erstellt.
  • der Höhe oder Breite eines anderen Blocks entspricht und sich somit in eine bestehende Reihe oder Spalte einfügt.

Blöcke in Bewegung

Wenn Sie auf einen Block klicken und ihn verschieben, um seine Position im Raster zu verändern, wird der Block halbtransparent angezeigt. Wenn Sie einen Block innerhalb eines Text-Bereichs bewegen, erscheint ein graues Kästchen in der Position des Blocks, um Ihnen zu verdeutlichen, wie sich der Text um den Block herum anordnet.

Linien-Block und Platzhalter-Block

Linien-Blöcke und Platzhalter-Blöcke helfen Ihnen, den Inhalt in Spalten und Reihen aufzuteilen.

Da Text-Blöcke häufig miteinander verschmelzen, wenn Sie gestapelt angeordnet werden, können Sie einen Linien- oder Platzhalter-Block verwenden, um den Text abzutrennen und zu verhindern, dass Blöcke ineinander übergehen. Wenn Sie hierbei Hilfe benötigen, lesen Sie den Abschnitt weiter unten über Text-Blöcke.

Sie können die Platzhalter- und Linienblöcke auch verwenden, um Inhalte vorübergehend zu teilen, während Sie eine Seite oder einen Inhaltsbereich gestalten. Verwenden Sie einen Linien-Block, um Reihen zu erstellen, und fügen Sie dann Blöcke hinzu, um neue parallele Spalten zu erstellen. Wenn der Inhalt fertig angeordnet ist, können Sie die Linien- oder Platzhalter-Blöcke entfernen. Bitte beachten Sie, dass Text-Blöcke verschmelzen können, wenn Sie den Linien- oder Platzhalter-Block entfernen.

Spalten erstellen

Es gibt in Squarespace zwei Arten von Spalten:

  • Eine ganzseitige Spalte ist eine neue Spalte, die sich über die gesamte Höhe einer Seite erstreckt. Dies teilt die gesamte Seite und schafft mehr Platz, um Blöcke vertikal zu stapeln.
  • Eine gleichhohe Spalte passt sich einem Block in einer bereits vorhandenen Spalte an. Die Spalte dringt nicht in die Reihen darunter oder darüber ein. Anstatt eine Spalte zu erstellen, die die gesamte Seite teilt, schafft eine gleichhohe Spalte ein raffinierteres Layout.

Um eine Spalte zu erstellen:

  1. Fahren Sie mit der Maus über den Block, den Sie verschieben möchten.
  2. Ihr Cursor verwandelt sich in ein Handsymbol und ermöglicht es, den Block anzuklicken und ihn auf der Seite zu verschieben.
  3. Während Sie den Block bewegen erscheinen Hilfslinien, die die neue Spalte anzeigen, in der der Block positioniert wird.
  4. Befolgen Sie die unten aufgeführten Schritte, um die Spalte entweder einer vollen Seite oder einer gleichhohen Spalte hinzuzufügen.

Eine ganzseitige Spalte erstellen

Um eine neue Spalte zu erstellen, die sich über die gesamte Höhe der Seite erstreckt, klicken und verschieben Sie einen Block, bis sich die Hilfslinie vertikal über die gesamte Seite erstreckt. Auf diese Weise erstellen Sie eine neue Spalte, die die gesamte Seite teilt.

Eine gleichhohe Spalte erstellen

Um eine neue Spalte der Höhe eines anderen Blocks anzugleichen, klicken und verschieben Sie den Block, bis die Hilfslinie der Höhe des anderen Blocks entspricht. Dies ist hilfreich, um Blöcke nebeneinander oder über bzw. unter breiteren Blöcken zu platzieren.

Spaltenbreite ändern

Um Spalten mit identischer Breite zu erstellen, benötigen Sie diese Anzahl an Spalten:

  • 1
  • 2
  • 3
  • 4
  • 6
  • 12

Wenn die Anzahl an Spalten eine andere ist, werden diese verschiedene Breiten haben. Diese Regel ist auf alle Inhaltsbereiche Ihrer Website anwendbar, mit Ausnahme von Seitenleisten und einigen Fußleisten.

Um die Breite einer Spalte zu ändern: 

  1. Fahren Sie mit der Maus über den Bereich zwischen zwei Blöcken.
  2. Klicken und ziehen Sie mit der Maus, um die Spalte zu verkleinern.
  3. Dies verändert die Spaltenbreite und die Gesamtgröße beider Blöcke.
  4. Wiederholen Sie den Schritt bei Bedarf in den Bereichen zwischen anderen Blöcken in der Reihe.

Reihen erstellen

Wie bei Spalten können Sie auch zwei Arten von Reihen erstellen. Reihen können sich über die gesamte Breite des Inhaltsbereichs erstrecken oder sich einem Block in einer bestehenden Spalte anpassen, um einen Stapel zu bilden.

Um eine Reihe zu erstellen:

  1. Fahren Sie mit der Maus über den Block, den Sie verschieben möchten.
  2. Ihr Cursor erscheint als Handsymbol, mit dem Sie dann den Block anklicken und auf der Seite verschieben können.
  3. Während Sie den Block verschieben erscheinen Hilfslinien, die Ihnen die Spalte oder Reihe anzeigen, in der der Block positioniert wird.
  4. Verwenden Sie die Hilfslinien, um Ihren Block in eine ganzseitige Reihe oder in eine ausgerichtete Reihe zu platzieren.
Hinweis: Bild-Blöcke, Platzhalter-Blöcke, Karten-Blöcke und Karussel-Galerie-Blöcke verfügen über ein Zuschneidewerkzeug, mit dessen Hilfe Sie die Höhe des Blocks anpassen können. Verwenden Sie diese Blöcke, um die Höhe der Reihen auf Ihrer Seite anzupassen.

Eine ganzseitige Reihe erstellen

Um eine neue Reihe zu erstellen, die sich über die ganze Seite erstreckt, klicken und ziehen Sie einen Block, sodass sich die Hilfslinie horizontal über die gesamte Seite erstreckt.

Eine gleichbreite Reihe erstellen

Um die Breite eines Blocks der Breite eines anderen Blocks anzupassen, schieben Sie den Block über oder unter den anderen Block, bis die Hilfslinie mit der Breite des bestehenden Blocks übereinstimmt. Anstatt eine ganze Reihe über eine Seite hinweg zu erstellen, stapelt diese Vorgehensweise einzelne Blöcke übereinander.

Spalten und Reihen nur mit Text erstellen

Es kann schwierig sein, Text in Spalten oder Reihen einzufügen. Text-Blöcke verschmelzen oft, wenn sie nebeneinander platziert werden. Dies können Sie vermeiden, indem Sie einen Platzhalter-Block verwenden, um Inhalte abzutrennen, während Sie die Seite erstellen.

Textspalten

Wenn Sie Text in Spalten verschieben, können Sie Inhalte visuell teilen oder Text mit anderen Blöcken, z. B. Bild-Blöcken, verbinden.

Fügen Sie Ihren ersten Text-Block an einer beliebigen Stelle zur Seite hinzu.

Klicken Sie dann auf einen beliebigen Einfügepunkt auf der Seite, um einen Platzhalter-Block hinzuzufügen. Klicken und ziehen Sie dann den Block neben den ersten Text-Block.

Klicken Sie auf einen beliebigen Einfügepunkt auf der Seite, um Ihren nächsten Text-Block hinzuzufügen. Da Text-Blöcke manchmal schwer zu verschieben sind, nachdem sie platziert wurden, klicken und ziehen Sie diesen zweiten Block direkt von der Option Text im Block-Menü und platzieren Sie ihn entsprechend. Es werden Hilfslinien angezeigt – als würden Sie einen Block verschieben, der bereits platziert ist.

Verschieben Sie den zweiten Text-Block in Richtung des Platzhalter-Blocks, bis die Hilfslinie auf die gleiche Höhe schrumpft, und lassen Sie dann die Maustaste los. Fügen Sie Ihren Text zum neuen Block hinzu. 

Sie haben jetzt zwei Text-Spalten, die durch einen Leerraum getrennt sind Wiederholen Sie den Vorgang, um Platzhalter-Blöcke und Text-Blöcke für die benötigten Textspalten hinzuzufügen. Wenn Sie alle Textspalten positioniert haben, löschen Sie die Platzhalter-Blöcke, sodass nur die Textspalten stehen bleiben.

Textreihen

Gestapelte Text-Blöcke verschmelzen häufig zu einem einzigen Block. Um diese Blöcke voneinander abzugrenzen, empfehlen wir, Ihren Text durch einen Linien- oder Platzhalter-Block zu trennen. Wenn Sie Leerräume visuell besser zur Geltung bringen möchten, benutzen Sie einen Linien-Block:

Um einen Leerraum einzufügen, benutzen Sie einen Platzhalter-Block:

Spalten und Reihen kombinieren

Bei der Gestaltung Ihrer Seite kann es vorteilhaft sein, Spalten und Reihen zu kombinieren. Ein häufiges Beispiel ist eine Firmenbiografie oder eine "Über uns"-Seite, auf der Sie eventuell Text-Blöcke und dazu passende Bild-Blöcke in gleichmäßigen Reihen platzieren möchten.

In diesem Beispiel kombinieren wir drei Bild-Blöcke und drei Text-Blöcke. Dies ist die gleiche Struktur, die Sie in einigen Demo-Inhalten für Templates sehen, wie z. B. bei Five.

Fügen Sie zunächst wie oben beschrieben drei Bild-Blöcke hinzu und positionieren Sie jeden Block in einer eigenen Spalte, um gleichmäßig breite Reihen zu erstellen.

Jetzt fügen Sie unter jedem Bild-Block einen Text-Block ein. Vergewissern Sie sich, dass die Hilfslinie dem darüber stehenden Bild-Block entspricht. Dadurch wird eine neue Reihe innerhalb der vorhandenen Spalte unter jedem Bild erstellt.

Wenn Sie Titel benötigen, fügen Sie diese oben zu jeder Spalte hinzu, indem Sie zusätzliche Text-Blöcke benutzen, die mit den Bild-Blöcken ausgerichtet sind.

Fehlerbeseitigung

Tipp: Wenn Sie ein Seiten-Layout erstellen, kann es hilfreich sein, Blöcke versuchsweise zu verschieben. Besonders wenn Sie neu bei Squarespace sind, ist es hilfreich, mit den Blöcken zu experimentieren, um sich mit unserer Plattform vertraut zu machen und Ihr Wunsch-Layout zu erzielen.

Meine Bilder haben verschiedene Größen

Die besten Ergebnisse erzielen Sie, indem Sie vor dem Upload sicherstellen, dass jedes verwendete Bild dasselbe Bildseitenverhältnis aufweist. In den meisten Fällen empfehlen wir, Bilder mit einer Mindestbreite von 1500 Pixeln zu verwenden. Weitere Hilfestellungen zur Anpassung Ihrer Bilder finden Sie hier: Bilder zur Darstellung im Web formatieren.

Meine Spalten sind nicht gleich

Um Spalten zu erstellen, die alle gleich breit sind, müssen Sie eine der folgenden Spaltenanzahlen verwenden:

  • 1
  • 2
  • 3
  • 4
  • 6
  • 12

Um die Breite für diese Spaltenanzahlen zu ändern, führen Sie die Schritte durch, die im Abschnitt Spalten dieser Anleitung aufgeführt sind. Wenn Sie eine andere Anzahl an Spalten verwenden (zum Beispiel wenn Sie fünf oder sieben Blöcke in einer Reihe haben), müssen diese unterschiedliche Breiten aufweisen.

Meine Spalten werden auf Mobilgeräten zu Zeilen

Dieses Verhalten ist normal. Das anpassungsfähige Design von Squarespace ordnet Blöcke auf Mobilgeräten automatisch vertikal an

War dieser Beitrag hilfreich?
23 von 56 fanden dies hilfreich
Spalten und Reihen mit Blöcken erstellen