Abschnitte bei Squarespace: Gerundet, zackig oder eckig machen (super einfach!)
Früher war es ziemlich kompliziert, bei Squarespace die Übergänge zwischen den Abschnitten “cool” zu machen.
Aber dann kam das sogenannte “Fluid Engine” (deutsch: Kreativer Editor) Update und plötzlich strahlen allen wieder die Augen 🤩
Seit Frühjahr 2023 kannst du nämlich zusätzlich deine Abstände ziemlich cool stylen. Also ganz konkret: Wie der Übergang zwischen zwei Abschnitten funktioniert und aussieht. So was musstest du früher mit Canva oder CSS lösen - jetzt geht das ganz easy.
Wie genau zeige ich dir hier. Los geht’s.
Abschnittsübergänge bei Squarespace: Video-Tutorial angucken
Eher Typ Video? Guck dir das Ganze bei Youtube an. Darin zeige ich dir:
wie du ganz einfach deine Abschnitte so stylst, dass die rund, eckig oder wellig sind
wie du sie dann weiter stylst (zum Beispiel runder und weiter oder “enger” machst)
worauf du beim Styling der Abschnitte achten musst
👉 Ständig frische Tipps für deine Squarespace-Seite? Abonniere jetzt meinen Youtube-Kanal mit laufend neuen Videos! 🎥
Falls du eher Typ Text bist, lies hier weiter.
Die gute Nachricht: Es ist super leicht, die Übergänge zu stylen. Seit dem Frühling 2023 zumindest. 😊
Das Coole ist, dass du diese Stylings fast überall machen kann - Stand heute nur leider noch nicht in deinen Blogposts, die noch nach dem alten System funktionieren. Aber auf allen anderen Seiten geht das.
Voraussetzung: Du hast Squarespace 7.1. (→ Woher weiß ich, welche Version ich habe?)
Du gehst, um einen beliebigen Abschnitt zu verändern, auf den, dessen UNTERE Kante du gerne verändern möchtest.
Dann fährst dazu oben rechts über die Kante, bis “Abschnitt bearbeiten” erscheint.
Dort klickst du drauf und gehst im sich öffnenden Fenster auf “Teiler” und aktivierst den kleinen Schalter:
Jetzt öffnet sich ein Design-Bereich und du kannst die untere Kante fröhlich stylen:
Und hier zeige ich dir ein paar Anwendungsbeispiele (kommen übrigens aus dem Website-Template DOVE aus unserem Template-Shop):
Wellen-Übergang bei Squarespace bauen
Für einen Wellenabschnitt bei Squarespace gehst du einfach wie ganz oben beschrieben vor und wählst dann das Wellen-Bildchen aus.
Super Sache: Unter Design kannst du festlegen, wie stark die Wellen sein sollen.
Schrägen Abschnitts-Übergang bei Squarespace bauen
Auch sehr cool: Schrägen, die du stärker oder weniger steil bauen kannst. Achte aber darauf, dass das auch zum Hintergrund passt und nichts abschneidet.
Schräge und gerade Abschnittskanten auf deiner Squarespace-Website mischen
Wenn du dich nicht entscheiden kannst sind Mischungen zwischen schrägen und geraden Teilen auch spannend. Die würde ich an deiner Stelle aber etwas sparsam einsetzen.
Gebeugte Rundungen auf deiner Squarespace-Website
Sogenannte “gebeugte” Rundungen haben ein bisschen was von einem Kreis - oder auch von einer Sackgasse. Das kannst du gezielt einsetzen, zum Beispiel für den unteren Teil einer Seite.
Tipp zum Schluss: Nicht zu wild mischen!
Wie bei allen Features von Programmen (so wie die PUUUFF-Effekte bei PowerPoint, kennst du die?) solltest du auch die Übergänge als Styling sparsam einsetzen.
Das bedeutet: Nur dort, wo es passt - und am besten nicht wild Zacken, Rundungen und alles mischen.
Eine Website sieht dann professionell aus, wenn sich ein klares “Thema” durch sie durch zieht.
In diesem Sinne: Verausgabe dich schön 😉
Lerne in meinen einstündigen 0€-Workshop, wie du eine komplett strategische Website aufbaust:
Weitere spannende Squarespace-Artikel für dich: