5 tips for å jobbe med Squarespace som designer
Squarespace er ikke bare for ikke-designere og eiere av små bedrifter. Uavhengig av ferdighetsnivå, kan plattformen være en rask og enkel måte å få et nettsted på nettet i en fart. Nettstedsbyggeren er fullpakket med verktøy og integrasjoner, slik at alt du trenger er der helt fra starten.
Men den største klagen fra designere er at selv om malene ser bra ut, er det bare ikke nok fleksibilitet. Du må bare grave litt dypere. Squarepsace tilbyr alternativer slik at mer avanserte designere og utviklere kan gjøre enda mer med verktøyet.
1. Legg til tilpasset HTML
Nesten hvilken som helst nettstedsbygger lar brukere redigere og legge til tilpasset HTML til designet. Kvadratrommet er ikke annerledes.
Disse avanserte tilpasningene er ganske enkle hvis du har kodingskunnskap, noe Squarespace-notater er veldig viktig før du gjør justeringer. Squarespace-byggherren endrer faktisk nettstedets CSS når du gjør endringer i den visuelle redigereren. Som inkluderer og kodeblokker. (Så feil kode kan få den til å sprenge hvis du ikke er forsiktig.)
Det som er fint er at kodeendringer går utover enkle farger eller skriftendringer. Brukere kan legge til HTML-kodeblokker nesten hvor som helst i designen, gjøre universelle endringer i CSS ved hjelp av CSS-redigereren, sette inn JavaScript med kodeinjeksjonsverktøyet og til og med vise rå kode som ren tekst ved å bruke kodeblokken med alternativet "visningskilde".
2. Grav inn i malfiler
Visste du at du kan få tilgang til malfiler og til og med lage en tilpasset mal fra bunnen av? Mange brukere vet ikke at Squarespace har en plattform for avanserte brukere for å virkelig gjøre noe annet og helt tilpasset nettstedbyggeren.
Du kan redigere markering, stiler og skript ved hjelp av verktøy du vil. Du kan til og med lage en tilpasset mal eller nettsted som bor i Squarespace hosting.
Alle filene du trenger for å komme i gang er tilgjengelige, inkludert en klonbasert mal fra Github, NPM-installasjonsavhengigheter og muligheten til å installere en lokal utviklingsserver før du distribuerer et nettsted.
Opprett ditt eget malalternativ er flott for utviklere og designere som ønsker å jobbe med Squarespace (eller har en klient som ønsker et Squarespace-nettsted), samtidig som du opprettholder uavhengigheten som følger med å lage noe fra bunnen av. Det er et flott alternativ og gir deg all designfleksibiliteten du trenger.
3. Bruk utviklerplattformen
Tilgang til malfil er ikke det eneste verktøyet i Squarespace Developer Platform. Hvis du ser alvorlig på å bygge noe helt fra bunnen av, er dette stedet å begynne.
Utviklerplattformen lar designere lage et helt tilpasset nettsted fra bunnen av og bruke tredjepartsverktøy. Plattformen inkluderer en lokal utviklingsserver, verktøybelte, kjerne JavaScript API og mer.
Designere får full kodekontroll, tilgang til alle Git-lagringene, et enkelt malspråk (JSON-mal), en sterk vertsinfrastruktur, innebygd CDN som reduserer belastningstider og en robust backend-side manager (som kan distribueres til klienter) .
Det er mange store merker som bruker Squarespace-nettsteder, for eksempel John Malkovich Fashion (over). Stoppet du opp med å tenke på at de ikke ser ut som malen? Tilpasset utvikling har mye å gjøre med det, og plattformen er tilgjengelig for alle brukere som ønsker å lage et virkelig tilpasset design på Squarespace-plattformen.
4. Bruk malene
Det er faktisk mye verdi i å starte med en nettstedbyggermal.
Det kan spare tid og hjelpe deg med å tenke på designproblemer på en ny måte. I stedet for å se en mal som en designfrustrasjon, må du takle den som en utfordring. Bruk begrensningene til malen for å hjelpe deg med å designe noe i den boksen.
Dette kan være en fin øvelse for enhver designer for å hjelpe til med å strekke de kreative musklene litt. Det vil også hjelpe deg å tenke på hvordan andre designere setter sammen innhold og designelementer, og du kan oppdage noe nytt.
Squarespace er ikke den eneste nettstedbyggeren som er tilgjengelig med maler og alternativer for å komme i gang. Det er mange andre også. (Bruk denne sammenligningsveiledningen for å velge den som passer for prosjektene dine.)
5. Bruk tredjepartstilpasninger
Bygg ut funksjonaliteten til et Squarespace-nettsted med tredjepartsapper og tilpasninger. De fleste brukere går ikke lenger enn det inkluderte verktøysettet, men det er mange andre elementer som du kan integrere med designet for å få det til å føle deg.
Squarespace sier at tilpasning fra tredjepart er tilgjengelig for funksjoner og funksjonalitet som ikke er innebygd i verktøyet. Tredjepartsapper løser dette problemet for mange designere. Det meste av denne tilpasningen inkluderer å injisere kode i en Squarespace-blokk.
Noen vanlige tilpasninger fra tredjeparter inkluderer BeerMenus, Bloglovin ', Etsy, Eventbrite, Feedly, Google Translate, Issuu, MLS-søk, Apple Touch Icons, Wufoo, Zocdoc og Swiftype.
Hvis tredjepartsapper skremmer deg litt - Squarespace tilbyr ikke støtte for dem - er det innebygde integrasjoner som tilbyr mye lignende funksjonalitet.
Konklusjon
Flere nettstedbyggere tilbyr utviklerverktøy for å oppmuntre mer avanserte brukere til å ta en titt på plattformene.
Squarespace er et flott verktøy, men det er bare ett av flere alternativer der ute - her er en sammenligning av noen av de mest populære valgene. Selv om ikke alle designere elsker en nettstedbygger, kan det være et flott alternativ i en klype. I tillegg er det mange måter å legge til ekstra tilpasning og til og med bygge et nettsted fra bunnen av på en plattform som Squarespace.