Hoe sjablonen werken en hoe ze ontwikkeld worden.

Squarespace-sites beginnen meestal met een sjabloon. De sjablonen van Squarespace zijn gemaakt door ons bekroonde ontwerpteam en vormen een uitgangspunt om het ontwerp van je site te inspireren. Je kunt de structuur van je oorspronkelijke ontwerp behouden door de democontent te vervangen door je eigen content, of je kunt het ontwerp van je site volledig veranderen en helemaal opnieuw beginnen. Elk ontwerp is uniek gecodeerd en exclusief ontworpen voor het Squarespace-platform.

Deze gids bespreekt hoe Squarespace-sjablonen werken en hoe ze worden ontwikkeld.

Sjablonen in versie 7.1 versus versie 7.0

Sjablonen werken anders, afhankelijk van de versie van je site.

Versie 7.1

In onze nieuwste versie van Squarespace verwijst het woord "template" naar het ontwerp dat je hebt gekozen als startpunt voor je nieuwe Squarespace-site. Haal inspiratie voor de lay-out en het ontwerp van je site door te kiezen uit de beschikbare sjablonen. Je kunt ook je eigen sjabloon bouwen met Blueprint AI Builder om het oorspronkelijke ontwerp van je site volledig aan te passen. 

Je wijzigt geen sjablonen om toegang te krijgen tot nieuwe functies of stijlen. Alle versie 7.1-sites maken deel uit van dezelfde templatefamilie, dus elke site heeft dezelfde functies en stijlopties. Dat betekent dat je je nieuwe versie 7.1-site op elke gewenste manier kunt aanpassen. Voor alternatieven voor het wisselen van templates, bezoek Opnieuw beginnen.

Tip: Laat je inspireren voor je site door onze partnerschapsreeks Squarespace Collection. Momenteel werken we samen met de Franse chef-kok Mory Sacko. Samen bouwden we het HÉRON-sjabloon als een online ervaring voor zijn befaamde restaurant, Mosuke. Zie Het juiste sjabloon kiezen om andere inspirerende artiesten en hun sjablonen te ontdekken.

Versie 7.0

In onze vorige versie heeft het sjabloon van je site een grotere impact, omdat elke sjabloon een vaste set stijlinstellingen en speciale functies heeft die niet veranderd kunnen worden. Ga voor meer informatie naar onze vergelijkingstabellen voor sjablonen.

Sjablonen aanpassen

Nadat je een sjabloon hebt gekozen dat aansluit bij de behoeften van je site, kun je deze aanpassen om je content tot leven te brengen. Om een toegankelijke site te maken, bekijk onze tips over inclusief ontwerp.

Hoe je je site aanpast, hangt af van welke versie van Squarespace je site gebruikt.

Tip: Als je programmeerkennis hebt, zijn er meer geavanceerde manieren om je site aan te passen.

Sjabloonontwikkeling

Onze ontwikkelaars en ontwerpers werken samen om sjabloonontwerpen te maken die mooi zijn vanuit zowel esthetisch als technisch oogpunt. De belangrijkste webtalen die onze ontwikkelaars gebruiken om sjablonen te bouwen, zijn HTML, CSS, JavaScript, JsonT en JSON.

• HTML creëert de structurele elementen van een ontwerp, zoals waar de inhoud op een pagina wordt weergegeven.
• CSS bepaalt de stijlopties voor een ontwerp, zoals kleuren en lettertypen. We gebruiken de LESS CSS-preprocessor om ons proces te stroomlijnen en te zorgen voor continuïteit in het hele sjabloon.
• JavaScript creëert de kernfunctionaliteit van een ontwerp, zoals galerieën, ImageLoaders en andere interactieve functies.
• JsonT is de taal die specificeert hoe gegevens van onze servers, zoals afbeeldingen en tekst, worden omgezet in de HTML die bepaalt wat er op de pagina wordt weergegeven.
• JSON is een dataformaat dat de afbeeldingen en tekst die je aan je site hebt toegevoegd in onze bewerkingsinterface weergeeft. Het is de hyperlink tussen de online editor en de JsonT-code van je template. Je kunt het zien als de ruwe klei die gevormd wordt door de JsonT. Om de JSON van je site te zien, voeg je ?format=json-pretty toe aan het einde van de URL als je op een willekeurige pagina van je site bent.

Nieuwe sjablonen en functies

Nadat een nieuw ontwerp is getest en definitief is, voegen we het toe aan onze beschikbare sjablonen.

Naarmate de behoeften van browsers en gebruikers veranderen, werken we onze sjablonen en het Squarespace-platform bij om nieuwe trends bij te houden en ervoor te zorgen dat alle Squarespace-sites optimaal presteren.

Als Squarespace-gebruiker ontvang je deze verbeteringen automatisch. Vaak gaat het om kleine veranderingen, zoals het aanpassen van de naam van een stijlaanpassing om deze intuïtiever te maken. Soms zijn dat nieuwe opties, zoals de mogelijkheid om een randkleur te kiezen wanneer je een achtergrondafbeelding op ingesprongen instelt.

Opmerking: Ontwikkelaars die het Squarespace Developer Platform hebben ingeschakeld, ontvangen geen template-specifieke updates.

Meer hulp

Bezoek deze gidsen voor meer informatie over sjablonen:

• Welke versie en welk sjabloon gebruikt mijn site?
• Het juiste sjabloon kiezen
• Switching templates en Switching templates FAQ
• Vergelijkingstabellen van sjablonen
• Cheatsheet voor sjablonen die niet meer leverbaar zijn
• Voor versie 7.0 heeft elke sjablooncategorie een eigen uitgebreide gids

FAQ

Kan ik bepalen hoe mijn inhoud er per pagina uitziet?

In versie 7.1 kun je individuele gedeelten op elke pagina opmaken.

In versie 7.0 kun je enkele sjablonen per pagina aanpassen. Bijvoorbeeld, in Supply kun je een andere achtergrondkleur instellen voor winkelpagina's en indexpagina's. Over het algemeen zijn de stijlregels voor site-elementen, zoals kleuren, lettertypen en headers, echter consistent op je hele site.

Kan ik overstappen van versie 7.0 naar versie 7.1?

Ja. Je kunt de updatetool gebruiken om je site over te zetten van versie 7.0 naar versie 7.1. Als je overstapt naar de nieuwere versie, krijg je toegang tot onze nieuwste functies, zoals volledig aanpasbare paginagedeelten. Voor meer informatie over het updaten van je site naar versie 7.1, bezoek Overstappen van Squarespace versie 7.0 naar versie 7.1.

Waarom heb ik geen volledige controle over elk stijlattribuut op mijn site?

Elk Squarespace-sjabloon is gemaakt door ons ontwerpteam. Onze ontwerpers ontwikkelen stijlregels voor elk sjabloon waarmee je een prachtige website kunt maken zonder helemaal opnieuw te hoeven beginnen of geavanceerde ontwerpvaardigheden nodig te hebben. Ze gebruiken ook de nieuwste coderingstechnieken om ervoor te zorgen dat je site compatibel is met moderne browsers en mobiele apparaten.

Om je site consistent te houden en conflicten tussen verschillende elementen te voorkomen, hebben sjablonen vooraf bepaalde stijlaanpassingen met vaste parameters. Gevorderde gebruikers kunnen de code van hun site verder aanpassen met code-injectie, codeblokken, CSS-bewerking of het Squarespace Developer Platform.

Waarom kunnen ontwikkelaars niet hun eigen sjablonen ontwerpen en verkopen?

Onze sjabloonontwerpen zijn een van de dingen die Squarespace bijzonder maken. We zijn erg trots op het creëren van ontwerpen die voldoen aan onze normen van uitmuntendheid en geoptimaliseerd zijn voor het Squarespace-platform. Daarom maken we onze ontwerpen niet beschikbaar voor andere platforms, en is het niet mogelijk voor externe ontwerpers om sjablonen te verkopen voor gebruik op een Squarespace-site.

We bieden echter wel de Squarespace Marketplace, waar je in contact kunt komen met experts. Squarespace Experts kennen ons platform en kunnen je misschien helpen als je naast onze klantenservice hulp nodig hebt bij coderen, ontwerp of ontwikkeling op maat.