Squarespace-Seiten erstellen: Tu immer das zuerst!
Seitdem ich mich komplett auf Squarespace spezialisiert habe, habe ich mit so einigen Leuten zusammen gearbeitet. 👩💻 Und mitbekommen, dass viele Squarespace-Nutzer Probleme damit haben, die einzelnen Elemente auf Seiten (bei Squarespace “Blöcke”) so anzuordnen, dass sie einem auch “gehorchen”.
Wenn auch du manchmal mit der Benutzeroberfläche kämpfst und deine Bilder und Texte hin und her springen, zeige ich dir hier, wie ich selbst vorgehe.
Inhaltsverzeichnis:
Dieser Post enthält Werbung für Squarespace - klar, darum geht es in diesem Artikel auch.
Und übrigens: Falls du ganz neu mit Squarespace anfängst, kannst du hier durch den Code VICTORIA10 in deinem ersten Jahr bei Squarespace ganze 10% sparen.
Tipp: Ganz neu richten wir für dich als Blogleser alternativ sogar einen special 20%-Rabatt ein. → Bekommst du hier.
Schritt 1: Überleg dir, was auf die Seite soll (bevor du dich bei Squarespace einloggst!)
BEVOR du mit irgendwas anfängst, ist es eine gute Idee, einen grundsätzlichen Plan für die Website zu haben. Also - als Ganzes. Danach kannst du dir überlegen, welche Unterziele du hast und welche Seiten du dementsprechend brauchst.
(Wenn dir das alles total abstrakt vorkommt, lies: So planst du deine Website strategisch)
Und dann fängt der Spaß an - dann geht es um die einzelnen Seiten. So etwas wie “Über mich” oder deine Startseite zum Beispiel.
Hier überlege ich immer, was überhaupt die Elemente sind, die ich auf der Seite haben möchte. Wie lang ist dein Text? Welche Bilder - und wie viele - willst du unterbringen?
Viele Website-Bauer beschränken sich bei Squarespace auf vorgefertigte Layouts und passen ihre Inhalte an.
Ich finde: Mach es umgekehrt! Schließlich weißt nur du, was die wichtigsten Inhalte deiner Seite sind. Das Layout solltest du lieber erst später drum herum bauen, wenn du schon weißt, was auf die Seite drauf soll.
Schritt 2: Plane (=zeichne) das Layout offline
Was auch sehr hilfreich ist: Dir deine Seite aufzumalen. Also, so richtig mit Stift und Papier.
Mache ich für jede einzelne Seite und würde niemals loslegen, ohne das zu tun.
Je geübter du bist, desto leichter ist es natürlich, einfach draufloszudesignen.
Ich selbst mache jedoch immer noch, obwohl ich natürlich ständig neue Seiten in Squarespace baue, für alle kompletten Seiten erstmal eine analoge Skizze. Hilft ungemein, um wirklich das aufzubauen, was du willst. Und nicht nur das, was dir leicht fällt umzusetzen - oder was irgendein vorgebautes Layout ist.
Warum das funktioniert? Weil du dich komplett auf das konzentrierst, was du eigentlich willst - und dich von technischen Begrenzungen frei machst. Wie du dein Traumlayout umsetzt, darum geht es nämlich erst im nächsten Schritt.
Schritt 3: Strukturiere deine Seite mit Abständen/Spacern
Links ein Bild, rechts soll Text hinkommen?
Am einfachsten baust du deine Squarespace-Seite auf, wenn du zuerst mit den Abständen beginnst (bzw. heißen sie “Spacer”, wenn du mit dem englischen Backend arbeitest).
Das ist zwar nicht so intuitiv, kann ich aber wirklich nur empfehlen. Ansonsten kann es sein, dass du hinterher ein wildes Hin und Her hast, weil du mit riesigen Bildern und “hüpfenden” Elementen bei Squarespace zu kämpfen haben.
Mein Tipp: Abstände zuerst. Damit strukturierst du die komplette Seite.
Alles von Spalten bis hin zu Bildanordnungen kannst du damit perfekt anlegen, steuern und schön ordnen.
So erstellst du Spalten bei Squarespace
Deine Seite soll drei Spalten haben (Bild, Text, Text)? Erstmal drei Abstände nehmen und sie nebeneinander ziehen.
Den Abstand findest du als ganz normalen Block bei Squarespace:
Nimm einfach drei davon (für unser Beispiel mit den drei Spalten) und setz sie übereinander:
Danach kannst du sie einfach nebeneinander ziehen. Sie stellen sich dann automatisch so ein, dass alle drei Spalten gleich groß sind. Wenn du das nicht möchtest, kannst du die Proportionen natürlich noch verschieben.
Genauso kannst du es auch für alles andere machen.
Und ganz wild kombinieren, wie Bilder und Text umeinander fließen und angeordnet sein sollen.
Drei Spalten, dann wieder einen großen Abstand, dann zwei Spalten, dann ein Banner… So kommst du auch den schönen Seiten, die du bei anderen Websites vielleicht manchmal online bestaunst, ganz leicht näher.
Wenn du Fragen zu Abständen und Seitenaufteilung bei Squarespace hast, schreib sie einfach in die Kommentare!
Diese Artikel könnten auch interessant für dich sein:
