5 tips för att arbeta med squarespace som designer

Squarespace är inte bara för icke-designers och småföretagare. Oavsett din skicklighet kan plattformen vara ett snabbt och enkelt sätt att skynda på en webbplats online. Webbplatsbyggaren är fylld med verktyg och integreringar så att allt du behöver är precis där från början.

Men det största klagomålet från designers är att medan mallarna ser bra ut, finns det inte tillräckligt med flexibilitet. Du måste bara gräva lite djupare. Squarepsace erbjuder alternativ så att mer avancerade konstruktörer och utvecklare kan göra ännu mer med verktyget.

1. Lägg till anpassad HTML

Nästan varje webbplatsbyggare tillåter användare att redigera och lägga till anpassad HTML till designen. Squarespace är inte annorlunda.

Dessa avancerade anpassningar är ganska enkla om du har kodningskunskap, vilka Squarespace-noteringar är mycket viktiga innan du gör justeringar. Squarespace-byggaren ändrar faktiskt webbplatsens CSS när du gör ändringar i den visuella redigeraren. Det inkluderar och kodblock. (Så, felaktig kod kan göra det spränga om du inte är försiktig.)

Vad är trevligt är att kodändringarna går utöver enkla färg- eller teckensnittsändringar. Användare kan lägga till HTML-kodblock nästan var som helst i designen, göra universella ändringar i CSS med CSS-redigeraren, infoga JavaScript med kodinjektionsverktyget och till och med visa råkod som vanlig text med kodblocket med displaykällan? alternativ.

2. Gräva in i mallfiler

Visste du att du kan komma åt mallfiler och till och med bygga en anpassad mall från början? Många användare vet inte att Squarespace har en plattform för avancerade användare att verkligen göra något annat och helt anpassat på webbplatsens byggare.

Du kan redigera markup, stilar och skript med hjälp av alla verktyg du gillar. Du kan även bygga en anpassad mall eller webbplats som bor i Squarespace hosting.

Alla filer du behöver för att komma igång är tillgängliga, inklusive en klonbaserad mall från Github, NPM installeringsberoende och möjligheten att installera en lokal utvecklingsserver innan du distribuerar en webbplats.

Skapa ditt eget mallalternativ är bra för utvecklare och designers som vill arbeta med Squarespace (eller ha en klient som vill ha en Squarespace-webbplats) samtidigt som du behåller det oberoende som följer med att skapa något från början. Det är ett bra alternativ och ger dig all design flexibilitet du behöver.

3. Använd utvecklarplattformen

Mallfilåtkomst är inte det enda verktyget i Squarespace Developer Platform. Om du är seriös om att bygga något helt från början, är det här att börja.

Utvecklarplattformen gör det möjligt för konstruktörer att skapa en helt anpassad webbplats från början och använda verktyg från tredje part. Plattformen innehåller en lokal utvecklingsserver, verktygsbälte, kärna JavaScript API och mer.

Designers får fullständig kodkontroll, tillgång till alla Git-repositorier, ett enkelt mall språk (JSON-mall), en stark värdinfrastruktur, inbyggd CDN som minskar belastningstider och en robust backend site manager (som kan distribueras till kunder) .

Det finns många stora märken som använder Squarespace-webbplatser, till exempel John Malkovich Fashion (ovan). Stoppade du att tänka på att de inte ser ut som mallen? Anpassad utveckling har mycket att göra med det, och plattformen är tillgänglig för alla användare som vill skapa en riktigt anpassad design på Squarespace-plattformen.

4. Använd mallarna

Det är faktiskt mycket värde för att börja med en webbplatssamlare.

Det kan spara tid och hjälpa dig att tänka på designproblem på ett nytt sätt. Snarare än att se en mall som en designfrustration, ta itu med det som en utmaning. Använd begränsningarna i mallen för att hjälpa dig att designa något i den rutan.

Detta kan vara en bra övning för någon formgivare för att hjälpa till att sträcka de kreativa musklerna lite. Det hjälper dig också att tänka på hur andra designers lägger innehåll och designelement tillsammans och du kan upptäcka något nytt.

Squarespace är inte den enda webbplatsbyggaren som är tillgänglig med mallar och alternativ för att komma igång. Det finns också många andra. (Använd den här jämförelseguiden för att välja den som passar dina projekt.)

5. Använd anpassningar från tredje part

Bygg ut funktionaliteten hos en Squarespace-webbplats med tredjepartsprogram och anpassningar. De flesta användare går inte utöver den medföljande verktygssatsen, men det finns många andra element som du kan integrera med designen för att få det att känna din.

Squarespace säger att anpassning från tredje part är tillgänglig för funktioner och funktionalitet som inte är inbyggd i verktyget. Tredjepartsapp löser detta problem för många designers. Merparten av denna anpassning innehåller injicering av kod i ett Squarespace-block.

Några vanliga anpassningar från tredje part inkluderar BeerMenus, Bloglovin, Etsy, Eventbrite, Feedly, Google Translate, Issuu, MLS-sökning, Apple Touch-ikoner, Wufoo, Zocdoc och Swiftype.

Om program från tredje part skrämmer dig lite - Squarespace erbjuder inte stöd för dem - det finns inbyggda integreringar som erbjuder mycket liknande funktionalitet.

Slutsats

Fler webbplatsbyggare erbjuder utvecklingsverktyg för att uppmuntra mer avancerade användare att ta en titt på plattformarna.

Squarespace är ett bra verktyg, men det är bara ett av flera alternativ där ute - här är en jämförelse av några av de mest populära valen. Medan inte alla designer älskar en webbplatsbyggare kan det vara ett bra alternativ i en nypa. Dessutom finns det många sätt att lägga till extra anpassning och till och med bygga en webbplats från början på en plattform som Squarespace.