SquareSpace har ett gott rykte för sina fantastiska mallar. Men mer än att bara ha detta rykte ville jag fördjupa mig i SquareSpaces mallar lite djupare.
Det visade sig att SquareSpace tidigare hade nominerats till flera priser och vunnit flera Webby Awards för bästa visuella design. Detta gjorde mig ännu mer nyfiken. Jag ville titta på de olika SquareSpace-mallar som finns tillgängliga, ta reda på vad de är bra för och om det finns saker som våra läsare bör känna till.
I januari 2021 publicerade SquareSpace information om sin övergång från SquareSpace version 7.0 till SquareSpace version 7.1. Uppdateringen påverkade något hur SquareSpaces mallar fungerade, men du kan använda den version du föredrar.
Innehållsförteckning
SquareSpace-mallar: Version 7.0 vs. version 7.1
Om du är en ny användare av SquareSpace kommer du automatiskt att få se mallarna i version 7.1. Om du är en befintlig kund kan du testa version 7.1. Du måste flytta din webbplats till version 7.1 och återskapa designen och sedan flytta din domän.
När du först registrerar dig på SquareSpace visas mallarna i version 7.1. Du kan bläddra bland alla mallar och filtrera efter kategori eller webbplats-typ.
Om du föredrar att se mallarna i version 7.0 kan du bläddra ner till botten av sidan med mallar där du ser “Dessa mallar är på den senaste versionen av SquareSpace. Du letar efter mallar från en tidigare version? “. Om du klickar på den här länken kommer du till mallarna i version 7.0.
Du kommer förmodligen inte att märka någon större skillnad mellan mallarna. Båda versionerna erbjuder mallar av hög kvalitet som passar de flesta webbplatser och webbutiker. Funktionerna skiljer sig dock något åt, och det är något du bör vara medveten om.
Notera: SquareSpace 7.1-mallar är alla lika i det avseendet att de använder samma grundmall. Oavsett vilken mall du väljer har du samma layout och stilalternativ jämfört med en annan mall. Det finns över 100 förbyggda sektioner som du kan lägga till på alla sidor på din webbplats.
Funktioner |
SquareSpace V7.0 |
SquareSpace V7.1 |
Mallar |
Du kan växla mellan mallar när som helst, även när du har börjat skapa innehåll eller när webbplatsen har tagits i drift. |
Du kan inte byta mallar, men du har mycket mer flexibilitet och kan se över din design helt och hållet. |
Stil |
Typsnitt, färger etc. definieras av mallen, så anpassningsmöjligheterna är begränsade. Du kan använda HTML/CSS på SquareSpace Business-plan |
Alla mallar följer samma stil så att du har större frihet att anpassa dem som du vill. Du kan göra justeringar per sektion och använda HTML/CSS i SquareSpaces Business-plan. |
Reaktionsförmåga |
Alla mallar är mobilanpassade |
Alla mallar är mobilanpassade |
Online-butik |
Produktsidor kan innehålla högst 200 produkter |
Butikssidor kan innehålla högst 10 000 produkter. |
Blogg |
Alternativen är begränsade till den layout som du väljer |
Mer kontroll över layouten |
Bilder |
Använder gallerisidor och erbjuder två layouter |
Använder galleriavsnitt så att du kan lägga till dem på vilken sida som helst. |
Utveckling |
Bygg en anpassad webbplats från grunden |
Inga utvecklingsalternativ finns tillgängliga |
Hur många SquareSpace-mallar finns det?
Det finns för närvarande cirka 110 mallar att välja mellan, oavsett om du använder SquareSpace v7.0 eller v7.1. Alla mallar är mobilanpassade och kan filtreras efter följande typer:
- Onlinebutik
- Portfölj
- Medlemskap
- Blogg
- Lanseringssida
Du kan också söka efter ämne och favoritmallar som du gillar:
- Populärt
- Konst och design
- Fotografi
- Hälsa och skönhet
- Personligt och CV
- Mode
- Professorala tjänster
- Lokala företag
- Gemenskap och ideella organisationer
- Livsmedel
- Underhållning
- Resa
- Restauranger
- Media och podcasts
- Evenemang
- Bröllop
- Fastigheter och egendomar
SquareSpace-mallfamiljer
Mallfamiljer är en term som du kanske känner till om du har använt SquareSpace v7.0. Det är helt enkelt en grupp mallar som har samma struktur.
Till exempel kan 3 mallar tillhöra samma familj och ha följande egenskaper:
- Logotypens storlek är statisk
- Webbplatsens rubrik kan inte fixeras när man rullar
- Sidofältet stöds inte
Mallar för SquareSpace version 7.1
Nu när vi vet vad version 7.1 är är det värt att se hur detta gäller för SquareSpace-mallar. Kom ihåg att du kan göra alla SquareSpace 7.1-mallar till hur du vill ha dem, eller likadana om du verkligen känner för det.
Du kan använda Pulaski-mallen från version 7.1, som är en textbaserad portfoliomall:
Och se till att den ser likadan ut som Almar, som har en stor rubrikbild och fet rubriktext:
Poängen är att det inte spelar någon roll vilken mall du börjar med eftersom du kan anpassa den helt och hållet så att den ser ut som du vill. Med SquareSpace 7.1-mallar kan du justera följande element:
- Typsnitt
- Färger
- Knappar
- Animationer
- Avstånd
- Anpassad CSS
Hur man väljer en SquareSpace-mall
Det råder ingen tvekan om att det är svårt att välja mellan SquareSpaces mallar. Inte för att det är för många, för de är alla riktigt bra utformade. Mitt råd är att välja en mall som passar bäst för syftet med din webbplats, så att du inte behöver lägga ner för mycket tid på att anpassa den.
För nybörjare är detta ett mycket enklare perspektiv eftersom det inte är någon idé att välja en mall som du vill ska se ut som en annan (vilket vi såg är möjligt med SquareSpace 7.1-mallar).
Se till att du använder de filter som finns på sidan för mallar via SquareSpace. Detta hjälper dig att begränsa de mallar som bäst passar din webbplats eller ditt företag. Om du inte hittar något du vill ha använder alla mallar samma underliggande struktur. Du kan förhandsgranska en mall innan du väljer den, så att du kan se hur den fungerar på flera enheter.
SquareSpace mobilanpassade mallar
Alla SquareSpace-mallar är mobilanpassade, oavsett om du använder version 7.0 eller 7.1. I version 7.0 finns det dock några fler alternativ om du vill ändra hur din mobila webbplats visas. I vissa fall finns det webbplatser som har en helt annan design för mobiler än för datorer.
Om du vill se till att din webbplats är mobilanpassad kan du ta del av följande tips och tricks:
- Visa din webbplats på en mobil enhet eller använd SquareSpace Device View för att förhandsgranska på olika enheter.
- Begränsa sidorna på din webbplats till mindre än 5 MB så att de laddas snabbare.
- Ställ in bokstavsavståndet till 0px så att texten inte överlappar varandra på mobila enheter.
- Använd inte Spacer Blocks för mobiler
- Aktivera AMP för att förbättra laddningshastigheten
- Kontrollera att mobila stilar är aktiverade under Mallinställningar.
SquareSpace-mallar Slutsats
Det är förståeligt att det finns en hel del att förstå när det gäller SquareSpace-mallar. Förhoppningsvis förstår du nu skillnaderna mellan SquareSpace v7.0 och v7.0. Om du fortfarande är osäker på om SquareSpace är rätt för dig kan du läsa vår granskning av SquareSpace som går på djupet om deras tjänster och funktioner.
Fördelar med SquareSpace-mallar:
- Snygg, vacker design
- Mobilanpassad
- Bra urval och filter
- Flexibilitet och anpassning
- Lägg till anpassad kod
- Ytterligare anpassningar kan kräva en högre plan
- Starkt beroende av stora bilder av god kvalitet
Vanliga frågor om SquareSpace-mallar
Ingenting! Alla mallar som du hittar på SquareSpace-webbplatsen är gratis att använda. Du kan köpa mallar från externa designers eller utvecklare, men dessa har ett motsvarande pris.
Du kan köpa SquareSpace-mallar från webbplatser och utvecklare från tredje part. Många befintliga mallar kommer att använda v7.0-utvecklarplattformen, så du måste kontrollera detta innan du fortsätter.
Du kan säga upp ditt SquareSpace-abonnemang när som helst, så du behöver inte betala några avgifter eller kostnader för att göra det. SquareSpace erbjuder en 14-dagars gratis provperiod, så det är värt att registrera sig för att se till att du är nöjd innan du betalar för en månads- eller årsabonnemang.