5 tips om als ontwerper met Squarespace te werken
Squarespace is niet alleen voor niet-ontwerpers en eigenaren van kleine bedrijven. Ongeacht uw vaardigheidsniveau, het platform kan een snelle en gemakkelijke manier zijn om snel een site online te krijgen. De websitebouwer zit boordevol tools en integraties, zodat alles wat je nodig hebt vanaf het begin aanwezig is.
Maar de grootste klacht van ontwerpers is dat hoewel de sjablonen er goed uitzien, er gewoon niet genoeg flexibiliteit is. Je moet gewoon een beetje dieper graven. Squarepsace biedt opties zodat meer geavanceerde ontwerpers en ontwikkelaars nog meer met de tool kunnen doen.
1. Voeg aangepaste HTML toe
Bijna elke websitebouwer stelt gebruikers in staat om aangepaste HTML aan het ontwerp te bewerken en toe te voegen. Squarespace is niet anders.
Deze geavanceerde aanpassingen zijn vrij eenvoudig als je codeerkennis hebt, wat Squarespace-opmerkingen erg belangrijk is voordat je aanpassingen maakt. De Squarespace-builder verandert eigenlijk de CSS van de site terwijl u wijzigingen aanbrengt in de visuele editor. Dat omvat en codeblokken. (Dus foutieve code kan ervoor zorgen dat het opblaast als je niet oppast.)
Het leuke is dat codewijzigingen verder gaan dan eenvoudige kleur- of lettertype-aanpassingen. Gebruikers kunnen bijna overal in het ontwerp HTML-codeblokken toevoegen, universele wijzigingen aanbrengen in de CSS met behulp van de CSS-editor, JavaScript invoegen met de code-injectietool en zelfs onbewerkte code weergeven als platte tekst met behulp van het codeblok met de optie "display source".
2. Graaf in sjabloonbestanden
Wist je dat je toegang hebt tot sjabloonbestanden en zelfs helemaal zelf een aangepaste sjabloon kunt bouwen? Veel gebruikers weten niet dat Squarespace een platform heeft voor gevorderde gebruikers om echt iets anders en volledig op maat te maken op de website builder.
Je kunt markeringen, stijlen en scripts bewerken met alle tools die je leuk vindt. U kunt zelfs een aangepaste sjabloon of website bouwen die in Squarespace-hosting leeft.
Alle bestanden die u nodig hebt om aan de slag te gaan, zijn beschikbaar, inclusief een op kloon gebaseerde sjabloon van Github, NPM-installatieafhankelijkheden en de mogelijkheid om een lokale ontwikkelingsserver te installeren voordat u een site implementeert.
De optie voor het maken van uw eigen sjabloon is geweldig voor ontwikkelaars en ontwerpers die met Squarespace willen werken (of een klant hebben die een Squarespace-site wil) met behoud van de onafhankelijkheid die hoort bij het helemaal opnieuw maken van iets. Het is een geweldige optie en geeft u alle ontwerpflexibiliteit die u nodig heeft.
3. Gebruik het Developer Platform
Toegang tot sjabloonbestanden is niet de enige tool in het Squarespace Developer Platform. Als je serieus iets helemaal vanaf nul wilt bouwen, is dit de plek om te beginnen.
Met het ontwikkelaarsplatform kunnen ontwerpers vanaf het begin een volledig aangepaste site maken en tools van derden gebruiken. Het platform omvat een lokale ontwikkelingsserver, toolbelt, kern-JavaScript-API en meer.
Ontwerpers krijgen volledige codecontrole, toegang tot alle Git-opslagplaatsen, een eenvoudige sjabloontaal (JSON-sjabloon), een sterke hostinfrastructuur, een ingebouwd CDN dat laadtijden verkort en een robuuste backend-sitemanager (die kan worden geïmplementeerd bij klanten) .
Er zijn veel grote merken die Squarespace-sites gebruiken, zoals John Malkovich Fashion (hierboven). Ben je gestopt om na te denken over het feit dat ze niet op de sjabloon lijken? Aangepaste ontwikkeling heeft er veel mee te maken en het platform is beschikbaar voor elke gebruiker die een echt aangepast ontwerp op het Squarespace-platform wil maken.
4. Gebruik de sjablonen
Er is eigenlijk veel waarde aan te beginnen met een website builder-sjabloon.
Het kan tijd besparen en u helpen op een nieuwe manier na te denken over ontwerpproblemen. In plaats van een sjabloon te zien als een ontwerpfrustratie, moet u deze als een uitdaging aanpakken. Gebruik de beperkingen van de sjabloon om u te helpen iets binnen dat kader te ontwerpen.
Dit kan een geweldige oefening zijn voor elke ontwerper om de creatieve spieren een beetje te strekken. Het helpt je ook na te denken over hoe andere ontwerpers inhoud en ontwerpelementen samenvoegen en misschien ontdek je iets nieuws.
Squarespace is niet de enige website-builder die beschikbaar is met sjablonen en opties om aan de slag te gaan. Er zijn ook tal van andere. (Gebruik deze vergelijkingsgids om degene te kiezen die geschikt is voor uw projecten.)
5. Gebruik aanpassingen van derden
Bouw de functionaliteit van een Squarespace-website uit met apps en aanpassingen van derden. De meeste gebruikers gaan niet verder dan de meegeleverde toolset, maar er zijn veel andere elementen die u in het ontwerp kunt integreren om het uw gevoel te geven.
Squarespace zegt dat maatwerk van derden beschikbaar is voor functies en functionaliteit die niet in de tool zijn ingebouwd. Apps van derden lossen dit probleem voor veel ontwerpers op. Het grootste deel van deze aanpassing omvat het injecteren van code in een Squarespace-blok.
Enkele veel voorkomende aanpassingen van derden zijn BeerMenus, Bloglovin ', Etsy, Eventbrite, Feedly, Google Translate, Issuu, MLS-zoekopdracht, Apple Touch Icons, Wufoo, Zocdoc en Swiftype.
Als apps van derden je een beetje bang maken - Squarespace biedt geen ondersteuning voor hen - zijn er ingebouwde integraties die veel vergelijkbare functionaliteit bieden.
Gevolgtrekking
Meer websitebouwers bieden ontwikkelaarstools aan om meer geavanceerde gebruikers aan te moedigen de platforms te bekijken.
Squarespace is een geweldige tool, maar het is slechts een van de vele opties die er zijn - hier is een vergelijking van enkele van de meest populaire keuzes. Hoewel niet elke ontwerper dol is op een websitebouwer, kan het in een mum van tijd een geweldige optie zijn. Bovendien zijn er tal van manieren om extra aanpassingen toe te voegen en zelfs een website helemaal opnieuw te bouwen op een platform zoals Squarespace.
