5 Tipps zum Arbeiten mit Squarespace als Designer

Squarespace ist nicht nur für Nicht-Designer und Kleinunternehmer. Unabhängig von Ihrem Skill-Level kann die Plattform eine schnelle und einfache Möglichkeit bieten, um eine Website in Eile online zu stellen. Der Website-Builder ist vollgepackt mit Tools und Integrationen, sodass von Anfang an alles, was Sie brauchen, zur Verfügung steht.

Die größte Beanstandung von Designern ist jedoch, dass die Vorlagen zwar gut aussehen, aber die Flexibilität nicht ausreicht. Sie müssen nur etwas tiefer graben. Squarepsace bietet Optionen, mit denen fortgeschrittenere Designer und Entwickler noch mehr mit dem Tool machen können.

1. Fügen Sie benutzerdefiniertes HTML hinzu

Mit fast jedem Website-Builder können Benutzer benutzerdefinierte HTML-Codes bearbeiten und dem Design hinzufügen. Raum ist nicht anders.

Diese erweiterten Anpassungen sind ziemlich einfach, wenn Sie über Programmierkenntnisse verfügen. Die Squarespace-Hinweise sind sehr wichtig, bevor Sie Anpassungen vornehmen. Der Builder für Squarespace ändert tatsächlich das CSS der Site, wenn Sie Änderungen im visuellen Editor vornehmen. Das beinhaltet und Codeblöcke. (Fehlerhafter Code kann also in die Luft gehen, wenn Sie nicht aufpassen.)

Was schön ist, ist, dass Codeänderungen über einfache Farb- oder Schriftartänderungen hinausgehen. Benutzer können HTML-Code-Blöcke fast überall im Design hinzufügen, mit dem CSS-Editor universelle Änderungen an CSS vornehmen, JavaScript mit dem Code-Injection-Tool einfügen und sogar rohen Code als einfachen Text mithilfe des Code-Blocks mit der Anzeigequelle anzeigen. Möglichkeit.

2. In Vorlagendateien graben

Wussten Sie, dass Sie auf Vorlagendateien zugreifen und sogar eine benutzerdefinierte Vorlage von Grund auf erstellen können? Viele Benutzer wissen nicht, dass Squarespace eine Plattform für erfahrene Benutzer bietet, um etwas ganz anderes zu machen und den Website-Builder komplett individuell anzupassen.

Sie können Markierungen, Stile und Skripts mit beliebigen Werkzeugen bearbeiten. Sie können sogar eine benutzerdefinierte Vorlage oder Website erstellen, die im Squarespace-Hosting lebt.

Alle Dateien, die Sie für den Einstieg benötigen, sind verfügbar, einschließlich einer klonbasierten Vorlage von Github, der Abhängigkeit von NPM-Installationen und der Möglichkeit, einen lokalen Entwicklungsserver zu installieren, bevor Sie eine Site bereitstellen.

Die Option zum Erstellen eigener Vorlagen ist ideal für Entwickler und Designer, die mit Squarespace arbeiten möchten (oder einen Client haben, der eine Squarespace-Website wünscht) und dabei die Unabhängigkeit bewahren, die beim Erstellen von Grund auf neu entsteht. Dies ist eine großartige Option und bietet Ihnen alle Designflexibilität, die Sie benötigen.

3. Verwenden Sie die Developer Platform

Der Zugriff auf Vorlagendateien ist nicht das einzige Tool in der Squarespace Developer Platform. Wenn Sie es ernst meinen, etwas von Grund auf neu zu bauen, ist dies der richtige Startpunkt.

Die Entwicklerplattform ermöglicht es Designern, eine vollständig benutzerdefinierte Website von Grund auf zu erstellen und Tools von Drittanbietern zu verwenden. Die Plattform umfasst einen lokalen Entwicklungsserver, Toolbelt, eine Kern-JavaScript-API und vieles mehr.

Designer erhalten vollständige Codekontrolle, Zugriff auf alle Git-Repositorys, eine einfache Vorlagensprache (JSON-Vorlage), eine starke Hostinfrastruktur, ein integriertes CDN, das die Ladezeiten reduziert, und einen robusten Back-End-Site-Manager (der auf Clients bereitgestellt werden kann). .

Es gibt viele große Marken, die Squarespace-Sites wie John Malkovich Fashion (oben) verwenden. Haben Sie aufgehört, darüber nachzudenken, dass sie nicht wie die Vorlage aussehen? Benutzerdefinierte Entwicklung hat viel damit zu tun, und die Plattform steht jedem Benutzer zur Verfügung, der ein wirklich benutzerdefiniertes Design auf der Squarespace-Plattform erstellen möchte.

4. Verwenden Sie die Vorlagen

Es ist sehr wichtig, mit einer Website-Builder-Vorlage zu beginnen.

Dies spart Zeit und hilft Ihnen, Design-Probleme auf eine neue Art zu betrachten. Anstatt eine Vorlage als Designfrustration zu sehen, packen Sie sie als Herausforderung an. Verwenden Sie die Einschränkungen der Vorlage, um Sie beim Entwerfen von Objekten in diesem Feld zu unterstützen.

Dies kann eine großartige Übung für jeden Designer sein, um die kreativen Muskeln etwas zu dehnen. Außerdem können Sie darüber nachdenken, wie andere Designer Inhalte und Gestaltungselemente zusammenstellen, und Sie entdecken möglicherweise etwas Neues.

Squarespace ist nicht der einzige Website-Builder, der über Vorlagen und Optionen für den Einstieg verfügt. Es gibt auch viele andere. (Verwenden Sie diese Vergleichsanleitung, um die richtige für Ihre Projekte auszuwählen.)

5. Verwenden Sie Anpassungen von Drittanbietern

Entwickeln Sie die Funktionalität einer Squarespace-Website mit Apps und Anpassungen von Drittanbietern. Die meisten Benutzer gehen nicht über das mitgelieferte Toolset hinaus, aber es gibt viele andere Elemente, die Sie in das Design integrieren können, damit es sich anfühlt.

Squarespace gibt an, dass Anpassungen von Drittanbietern für Funktionen und Funktionen verfügbar sind, die nicht in das Tool integriert sind. Apps von Drittanbietern lösen dieses Problem für viele Designer. Die meisten Anpassungen beinhalten das Einfügen von Code in einen Squarespace-Block.

Zu den häufigsten Anpassungen von Drittanbietern gehören BeerMenus, Bloglovin ', Etsy, Eventbrite, Feedly, Google Translate, Issuu, MLS-Suche, Apple Touch-Icons, Wufoo, Zocdoc und Swiftype.

Wenn Apps von Drittanbietern Sie etwas erschrecken, bietet Squarespace keinen Support für diese Anwendungen. Es gibt integrierte Integrationen, die viele ähnliche Funktionen bieten.

Fazit

Mehrere Website-Builder bieten Entwicklertools an, um fortgeschrittene Benutzer dazu anzuregen, sich die Plattformen anzusehen.

Squarespace ist ein großartiges Werkzeug, aber es ist nur eine von mehreren Optionen - hier ist ein Vergleich einiger der beliebtesten Optionen. Zwar liebt nicht jeder Designer einen Website-Builder, es kann jedoch eine großartige Option sein. Darüber hinaus gibt es viele Möglichkeiten, zusätzliche Anpassungen hinzuzufügen und sogar eine Website von Grund auf auf einer Plattform wie Squarespace zu erstellen.