When you enroll through our links, we may earn a small commission—at no extra cost to you. This helps keep our platform free and inspires us to add more value.

Development
SkillShare logo

Squarespace Developer Mode: Create and edit your own Squarespace templates

Unlock creativity with Skillshare! Learn acrylic painting, AI writing, graphic design, and photography.

     0 |
  • Reviews ( 0 )
Free
Squarespace Developer Mode: Create and edit your own Squarespace templates

Related Courses

This Course Includes

  • iconskillshare
  • icon0 (0 reviews )
  • icon3 hours 22 minutes
  • iconenglish
  • iconOnline - Self Paced
  • iconcourse
  • iconSkillShare

About Squarespace Developer Mode: Create and edit your own Squarespace templates

Intro

Required tools and Knowledge

What is a Squarespace Template

Squarespace Basics

How to edit your Squarespace template

Squarespace Live Server

Template Structure & the JSON Data Layer

Overview of JSON-T

Layouts and Regions

Navigation and Blocks

Creating an Events Collection

Adding a Static Page

Javascript, CSS and LESS

Open Block Fields, Custom Queries, Template Annotations & Tweaks

Bonus: Editing a more complex template

Outro

What You Will Learn?

  • Squarespace is an easy-to-use platform for building beautiful websites usually targeted towards those with no coding skills but what if you could have full control over your website?.
  • What if you could edit or create your own Squarespace template?.
  • In this class, we’re gonna learn how to use something called the developer mode in Squarespace. It’s a feature in Squarespace that allows us to download our template code and make more precise updates to our website, plus add in features that might not already exist on the template..
  • The result is the same great user experience of building any Squarespace site, it’s just now, you have full control over the template..