Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

Skillshare

Squarespace Developer Mode: Create and edit your own Squarespace templates

via Skillshare

Overview

Coursera Plus Monthly Sale: All Certificates & Courses 40% Off!

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.

Syllabus

  • 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

Taught by

Christopher Dodd

Reviews

Start your review of Squarespace Developer Mode: Create and edit your own Squarespace templates

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.