Grundlagen zu Squarespace Templates

Erfahre mehr über die Funktion und Entwicklung von Templates.

Zuletzt aktualisiert: 17. Dezember 2024

Squarespace-Websites beginnen in der Regel mit einem Template. Squarespace-Templates werden von unserem preisgekrönten Design-Team erstellt und dienen als Ausgangspunkt für das Design deiner Website. Du kannst die Struktur deines ursprünglichen Designs bewahren, indem du den Demo-Inhalt durch deinen eigenen ersetzt, oder du kannst das Design deiner Website komplett ändern und von Grund auf neu beginnen. Jedes Design ist einzigartig entwickelt und exklusiv für die Squarespace-Plattform konzipiert.

In dieser Anleitung wird erläutert, wie Squarespace-Templates funktionieren und wie sie entwickelt werden.

Templates in Version 7.1 und Version 7.0

Templates funktionieren je nach der Version deiner Website unterschiedlich.

Version 7.1

In unserer neuesten Version von Squarespace bezieht sich „Template“ auf das Design, das du als Ausgangspunkt für deine neue Squarespace-Website ausgewählt hast. Lass dich für das Layout und Design deiner Website inspirieren, indem du eines der verfügbaren Templates auswählst. Du kannst auch mit dem Squarespace Design Kit (mit KI) dein eigenes Template erstellen, um das ursprüngliche Design deiner Website von Grund auf neu zu gestalten. 

Du brauchst nicht das Template zu wechseln, um Zugriff auf neue Funktionen oder Stile zu erhalten. Alle Websites der Version 7.1 sind Teil derselben Template-Gruppe, sodass jede Website die gleichen Funktionen und Stil-Optionen hat. Das bedeutet, dass du deine neue Website in Version 7.1 nach Belieben anpassen kannst. Alternativen zum Wechseln des Templates findest du unter Neu anfangen.

Lass dich von unserer Squarespace Collection-Partnerschaftsserie für deine Website inspirieren. Wir arbeiten derzeit mit dem bildenden Künstler Jeff Koons zusammen. Gemeinsam haben wir das Reflect-Template erstellt. Weitere inspirierende Künstler und ihre Templates findest du unter Das richtige Template auswählen.

Version 7.0

In unserer vorherigen Version hatte das Template deiner Website eine größere Auswirkung, da jedes Template einen festen Satz von Stilparametern und speziellen Features aufwies, die nicht geändert werden konnten. Um mehr zu erfahren, besuche unsere Template-Vergleichstabellen.

Anpassen von Templates

Nachdem du ein Template ausgewählt hast, das den Anforderungen deiner Website entspricht, kannst du es anpassen, um deinen Inhalten noch mehr Nachdruck zu verleihen. Um eine barrierefreie Website zu erstellen, lies unsere Tipps zum inklusiven Design.

Wie genau du deine Website anpasst, hängt davon ab, auf welcher Version von Squarespace sich deine Website befindet.

In Version 7.1:

In Version 7.0:

Wenn du über Programmierkenntnisse verfügst, gibt es erweiterte Möglichkeiten, deine Website anzupassen.

Template-Entwicklung

Unsere Entwickler und Designer entwickeln gemeinsam Templates, die mit gefälliger Optik und technischer Eleganz bestechen. Zum Erstellen von Templates verwenden unsere Entwickler in erster Linie die Websprachen HTML, CSS, JavaScript, JsonT und JSON.

  • HTML erstellt die Strukturelemente eines Designs, z. B. die Stelle, an der der Inhalt auf einer Seite angezeigt wird.
  • CSS bestimmt die Stiloptionen für ein Design, wie Farben und Schriftarten. Wir verwenden den LESS CSS Präprozessor, um unseren Prozess zu optimieren und die Kontinuität im gesamten Template sicherzustellen.
  • JavaScript erstellt die Kernfunktionalität eines Designs, wie Galerien, Image Loader und andere interaktive Funktionen.
  • JSonT ist die Sprache, die angibt, wie Daten von unseren Servern, wie Bilder und Text, in den HTML-Code umgewandelt werden, der bestimmt, was auf der Seite angezeigt wird.
  • JSON ist ein Datenformat zur Darstellung von Bildern und Texten, die du in unserer Bearbeitungsoberfläche zu deiner Website hinzugefügt hast. Es bildet die Verbindung zwischen dem Online-Editor und dem JsonT-Code deines Template. Am besten stellst du es dir als die Rohmasse vor, die durch JsonT geformt wird. Zum Anzeigen des JSON-Codes deiner Website kannst du auf einer beliebigen Seite deiner Website die Formel ?format=json-pretty an die jeweilige URL anhängen.

Neue Vorlagen und Funktionen

Nachdem ein neues Design getestet und fertiggestellt wurde, fügen wir es zu unseren verfügbaren Templates hinzu.

Da sich Browser und Bedürfnisse von Benutzern ständig weiterentwickeln, aktualisieren wir unsere Vorlagen und die Squarespace-Plattform, damit diese den neuesten Trends entsprechen und sichergestellt ist, dass alle Squarespace-Websites mit höchster Effizienz funktionieren.

Als Squarespace-Benutzer erhältst du diese Verbesserungen automatisch. Oft sind die Änderungen klein, wie das Aktualisieren des Namens einer Stil-Anpassung, um diese intuitiver zu machen. Manchmal sind es neue Optionen, wie die Möglichkeit, eine Rahmenfarbe auszuwählen, wenn du ein Hintergrundbild auf Einrückung setzt.

Hinweis

Entwickler, die die Squarespace Developer Platform aktiviert haben, erhalten keine für Templates spezifische Updates.

Weitere Hilfe

Mehr über Vorlagen erfahren Sie in diesen Anleitungen:

FAQ

Kann ich für jede Seite steuern, wie mein Inhalt aussieht?

In Version 7.1 können Sie auf jeder Seite individuelle Abschnitte gestalten.

In Version 7.0 kannst du einige Templates pro Seite anpassen. In Supply kannst du beispielsweise eine andere Hintergrundfarbe für Shop-Seiten und Index-Seiten festlegen. Die Stil-Regeln für Website-Elemente wie Farben, Schriftarten und Header-Größen sind aber generell für deine gesamte Website einheitlich.

Kann ich von Version 7.0 auf Version 7.1 umstellen?

Ja. Du kannst das Update-Tool verwenden, um deine Website von Version 7.0 auf Version 7.1 zu aktualisieren. Wenn du auf die neuere Version umstellst, erhältst du Zugriff auf unsere neuesten Funktionen, wie z. B. vollständig anpassbare Seitenabschnitte. Weitere Informationen zum Aktualisieren deiner Website auf Version 7.1 findest du unter Umstieg von Squarespace Version 7.0 auf Version 7.1.

Warum habe ich nicht die vollständige Kontrolle über jedes Style-Attribut auf meiner Website?

Jedes Squarespace-Template wurde von unserem Designteam entworfen. Unsere Designer erstellen Stil-Regeln für jedes Template, mit deren Hilfe Sie eine attraktive Website erstellen können, ohne bei Null anfangen zu müssen oder fortgeschrittene Design-Fähigkeiten zu benötigen. Sie wenden außerdem die neuesten Programmiertechniken an, um die Kompatibilität Ihrer Website mit modernen Browsern und Mobilgeräten zu gewährleisten.

Damit deine Website einheitlich bleibt und um Konflikte zwischen verschiedenen Elementen zu vermeiden, haben Templates vordefinierte Stil-Anpassungen mit eingestellten Parametern. Fortgeschrittene Benutzer können den Code ihrer Website mit Code einfügen, Code-Blöcken, CSS-Bearbeitung oder der Squarespace Developer Platform weiter ändern.

Warum können Entwickler keine eigenen Templates erstellen und verkaufen?

Unsere Templates sind eines der Dinge, die Squarespace besonders machen. Wir sind stolz darauf, Designs zu entwickeln, die unseren Exzellenzstandards entsprechen und für die Squarespace-Plattform optimiert sind. Daher stellen wir unsere Designs nicht für andere Plattformen zur Verfügung und es ist nicht möglich, dass Drittentwickler Templates für die Verwendung auf einer Squarespace-Website verkaufen können.

Es gibt jedoch den Squarespace Marketplace, über den du dich mit Experts in Verbindung setzen kannst. Squarespace Experts sind mit unserer Plattform vertraut und können dir unter Umständen weiterhelfen, wenn du individuelle Unterstützung in puncto Programmierung, Design oder Entwicklung brauchst, die über die Fähigkeiten unseres Kundensupports hinausgeht.

Footer Image
  • Hol dir Hilfe von der Community

  • Hol dir Hilfe von unserer Community zu erweiterten individuellen Anpassungen.

  • Beauftrage einen Squarespace-Experten

  • Hebe dich online von der Masse ab, indem du dir von einem erfahrenen Webdesigner oder Entwickler helfen lässt.

Grundlagen zu Squarespace Templates