In this course you’ll learn everything you need to know about developing your own custom block themes and child themes while making effective use of the Site Editor. We’ll walk through creating our own theme with custom fonts, styles, reusable components, and more.
Setting up the project
Lesson 1 of 4 within section Setting up the project.
You must enroll in this course to access course content.
Lesson 2 of 4 within section Setting up the project.
You must enroll in this course to access course content.
Scaffold theme files with the Create Block Theme plugin
Lesson 3 of 4 within section Setting up the project.
You must enroll in this course to access course content.
Important theme files and folders
Lesson 4 of 4 within section Setting up the project.
You must enroll in this course to access course content.
Key Concepts
Theme comparison (Classic/Hybrid/Block)
Lesson 1 of 4 within section Key Concepts.
You must enroll in this course to access course content.
Lesson 2 of 4 within section Key Concepts.
You must enroll in this course to access course content.
The role of themes and plugins
Lesson 3 of 4 within section Key Concepts.
You must enroll in this course to access course content.
Lesson 4 of 4 within section Key Concepts.
You must enroll in this course to access course content.
Configuring theme.json
Building with design tokens
Lesson 1 of 9 within section Configuring theme.json.
You must enroll in this course to access course content.
Important keys in theme.json
Lesson 2 of 9 within section Configuring theme.json.
You must enroll in this course to access course content.
Lesson 3 of 9 within section Configuring theme.json.
You must enroll in this course to access course content.
Lesson 4 of 9 within section Configuring theme.json.
You must enroll in this course to access course content.
Adding border radius presets
Lesson 5 of 9 within section Configuring theme.json.
You must enroll in this course to access course content.
Lesson 6 of 9 within section Configuring theme.json.
You must enroll in this course to access course content.
Lesson 7 of 9 within section Configuring theme.json.
You must enroll in this course to access course content.
Lesson 8 of 9 within section Configuring theme.json.
You must enroll in this course to access course content.
Configure layout settings
Lesson 9 of 9 within section Configuring theme.json.
You must enroll in this course to access course content.
Starting the theme build
Thought process and mindset
Lesson 1 of 8 within section Starting the theme build.
You must enroll in this course to access course content.
Lesson 2 of 8 within section Starting the theme build.
You must enroll in this course to access course content.
Lesson 3 of 8 within section Starting the theme build.
You must enroll in this course to access course content.
Setting up typography styles
Lesson 4 of 8 within section Starting the theme build.
You must enroll in this course to access course content.
Lesson 5 of 8 within section Starting the theme build.
You must enroll in this course to access course content.
Building the page template
Lesson 6 of 8 within section Starting the theme build.
You must enroll in this course to access course content.
Lesson 7 of 8 within section Starting the theme build.
You must enroll in this course to access course content.
Lesson 8 of 8 within section Starting the theme build.
You must enroll in this course to access course content.
Building the home page
Lesson 1 of 5 within section Building the home page.
You must enroll in this course to access course content.
Lesson 2 of 5 within section Building the home page.
You must enroll in this course to access course content.
Lesson 3 of 5 within section Building the home page.
You must enroll in this course to access course content.
Lesson 4 of 5 within section Building the home page.
You must enroll in this course to access course content.
Lesson 5 of 5 within section Building the home page.
You must enroll in this course to access course content.
Global Styles in Block Themes
How to define global styles in block themes
Lesson 1 of 1 within section Global Styles in Block Themes.
You must enroll in this course to access course content.
Setting up default block styles
Setting default block styles in the Site Editor
Lesson 1 of 4 within section Setting up default block styles.
You must enroll in this course to access course content.
Setting default block styles directly in theme.json
Lesson 2 of 4 within section Setting up default block styles.
You must enroll in this course to access course content.
Styling blocks using a custom stylesheet
Lesson 3 of 4 within section Setting up default block styles.
You must enroll in this course to access course content.
Adding a reusable block style
Lesson 4 of 4 within section Setting up default block styles.
You must enroll in this course to access course content.
Building more templates
Installing some helpful plugins
Lesson 1 of 5 within section Building more templates.
You must enroll in this course to access course content.
When to use patterns vs partials
Lesson 2 of 5 within section Building more templates.
You must enroll in this course to access course content.
Building the blog homepage template
Lesson 3 of 5 within section Building more templates.
You must enroll in this course to access course content.
Building the single post template
Lesson 4 of 5 within section Building more templates.
You must enroll in this course to access course content.
Building the 404 template
Lesson 5 of 5 within section Building more templates.
You must enroll in this course to access course content.
Building other pages
Lesson 1 of 3 within section Building other pages.
You must enroll in this course to access course content.
Building the contact page
Lesson 2 of 3 within section Building other pages.
You must enroll in this course to access course content.
Adding example blog posts
Lesson 3 of 3 within section Building other pages.
You must enroll in this course to access course content.
Adding polish
Lesson 1 of 2 within section Adding polish.
You must enroll in this course to access course content.
Adding a light/dark mode toggle
Lesson 2 of 2 within section Adding polish.
You must enroll in this course to access course content.
