Full site editing for theme developers

Introduction

Who is this course for?

This course is an overview of WordPress full site editing for theme developers.

Are there any prerequisites?

To make the most out of this course, you need to have basic knowledge of theme development. You need to know about basic WordPress functions, PHP, HTML and CSS.

You also need a WordPress installation and the Gutenberg plugin.

What you will learn

You will learn about WordPress full site editing concepts and global styles:

  • Block grammar and attributes
  • New full site editing blocks
  • How to create block patterns, block styles and variations
  • Theme structure
  • Creating and combining templates and template parts
  • Working with the site editor and template editor

Course Content

Introduction

Welcome & How to use the course

What is full site editing?

Full site editing development progress

Bonus -How to stay up to date

Preparations -Quick start guide


Block themes

Creating block themes

Block grammar basics

Exercise: Templates and template parts

Global Styles & theme.json

Exercise: Creating theme.json

Theme.json color options

Theme.json typography options

Troubleshooting block themes

Full site editing blocks


Classic themes & Hybrid themes

Adding full site editing features to classic themes

More coming soon


Block Styles

Custom block styles


Block variations

Block variations

Block variation examples for full site editing


Block Patterns

Introduction to block patterns

Block patterns tips and resources