5 suggerimenti per lavorare con Squarespace come designer

Squarespace non è solo per i non-designer e i proprietari di piccole imprese. Indipendentemente dal tuo livello di abilità, la piattaforma può essere un modo rapido e semplice per ottenere un sito online in fretta. Il costruttore di siti Web è ricco di strumenti e integrazioni, in modo che tutto ciò di cui hai bisogno sia pronto fin dall'inizio.

Ma la più grande lamentela dei progettisti è che mentre i modelli sembrano buoni, non c'è abbastanza flessibilità. Devi solo scavare un po 'più a fondo. Squarepsace offre opzioni in modo che designer e sviluppatori più avanzati possano fare ancora di più con lo strumento.

1. Aggiungi HTML personalizzato

Quasi tutti i creatori di siti Web consentono agli utenti di modificare e aggiungere HTML personalizzato al design. Squarespace non è diverso.

Queste personalizzazioni avanzate sono piuttosto semplici se si dispone della conoscenza della codifica, che le note di Squarespace sono molto importanti prima di apportare modifiche. Il builder Squarespace modifica effettivamente il CSS del sito mentre apporti modifiche nell'editor visivo. Questo include e blocchi di codice. (Quindi, il codice errante potrebbe farlo esplodere se non stai attento.)

La cosa bella è che le modifiche al codice vanno oltre il semplice colore o le modifiche dei font. Gli utenti possono aggiungere blocchi di codice HTML praticamente ovunque nel progetto, apportare modifiche universali al CSS utilizzando l'editor CSS, inserire JavaScript con lo strumento di immissione del codice e persino visualizzare il codice grezzo come testo normale utilizzando il blocco di codice con la sorgente? Display? opzione.

2. Dig Into Template Files

Sapevi che puoi accedere ai file dei modelli e persino creare un modello personalizzato da zero? Molti utenti non sanno che Squarespace ha una piattaforma per utenti esperti per creare qualcosa di completamente diverso e completamente personalizzato sul costruttore del sito.

Puoi modificare markup, stili e script usando qualunque strumento tu voglia. È anche possibile creare un modello personalizzato o un sito Web che vive nell'hosting di Squarespace.

Sono disponibili tutti i file necessari per iniziare, tra cui un modello basato su cloni di Github, le dipendenze per l'installazione di NPM e la possibilità di installare un server di sviluppo locale prima di distribuire un sito.

La creazione della propria opzione di modello è ideale per gli sviluppatori e i progettisti che desiderano lavorare con Squarespace (o avere un cliente che desidera un sito Squarespace) pur mantenendo l'indipendenza derivante dalla creazione di qualcosa da zero. È un'ottima opzione e ti offre tutta la flessibilità di progettazione di cui hai bisogno.

3. Utilizzare la piattaforma per sviluppatori

L'accesso ai file di modello non è l'unico strumento nella piattaforma per sviluppatori di Squarespace. Se sei seriamente intenzionato a creare qualcosa di completamente nuovo, questo è il punto di partenza.

La piattaforma di sviluppo consente ai progettisti di creare un sito completamente personalizzato da zero e utilizzare strumenti di terze parti. La piattaforma include un server di sviluppo locale, toolbelt, API JavaScript di base e altro ancora.

I progettisti ottengono il pieno controllo del codice, l'accesso a tutti i repository Git, un semplice linguaggio template (template JSON), una forte infrastruttura host, CDN incorporato che riduce i tempi di caricamento e un robusto gestore di backend (che può essere distribuito ai client) .

Ci sono molti grandi marchi che usano siti Squarespace, come John Malkovich Fashion (sopra). Ti sei fermato a pensare al fatto che non assomigliano al modello? Lo sviluppo personalizzato ha molto a che fare con esso e la piattaforma è disponibile per tutti gli utenti che desiderano creare un design veramente personalizzato sulla piattaforma Squarespace.

4. Utilizzare i modelli

C'è in realtà un sacco di valore in iniziare con un modello di costruttore di siti web.

Può risparmiare tempo e aiutarti a pensare a problemi di progettazione in un modo nuovo. Piuttosto che vedere un modello come una frustrazione del design, affrontarlo come una sfida. Usa i vincoli del modello per aiutarti a progettare qualcosa all'interno di quella scatola.

Questo può essere un ottimo esercizio per qualsiasi designer per aiutare un po 'a distendere i muscoli creativi. Ti aiuterà anche a pensare a come altri designer mettono insieme elementi di contenuto e design e potresti scoprire qualcosa di nuovo.

Squarespace non è l'unico costruttore di siti Web disponibile con modelli e opzioni per iniziare. Ce ne sono molti altri. (Usa questa guida per il confronto per scegliere quella giusta per i tuoi progetti.)

5. Utilizzare le personalizzazioni di terze parti

Sviluppa le funzionalità di un sito web di Squarespace con app e personalizzazioni di terze parti. La maggior parte degli utenti non va oltre il set di strumenti incluso, ma ci sono molti altri elementi che puoi integrare con il design per farti sentire come tuo.

Squarespace afferma che la personalizzazione di terze parti è disponibile per funzionalità e funzionalità che non sono integrate nello strumento. Le app di terze parti risolvono questo problema per molti designer. La maggior parte di questa personalizzazione include l'iniezione di codice in un blocco di Squarespace.

Alcune personalizzazioni comuni di terze parti includono BeerMenus, Bloglovin ', Etsy, Eventbrite, Feedly, Google Translate, Issuu, Ricerca MLS, Icone Apple Touch, Wufoo, Zocdoc e Swiftype.

Se le app di terze parti ti spaventano un po '- Squarespace non offre supporto per loro - ci sono integrazioni integrate che offrono molte funzionalità simili.

Conclusione

Altri costruttori di siti Web offrono strumenti di sviluppo per incoraggiare utenti più esperti a dare un'occhiata alle piattaforme.

Squarespace è un ottimo strumento, ma è solo una delle diverse opzioni disponibili - ecco un confronto tra alcune delle scelte più popolari. Anche se non tutti i designer amano un costruttore di siti web, può essere una buona opzione in un pizzico. Inoltre, ci sono molti modi per aggiungere ulteriore personalizzazione e persino creare un sito web da zero su una piattaforma come Squarespace.