Modules
Welcome
Lesson
Local Development Setup
Lessons
Understanding Full Site Editing
Lessons
- Full site editing overview
- What is full site editing?
- A developer’s view on block themes
- What is the site editor?
- How block themes and the site editor work – A
- How block themes and the site editor work – B
- The three theme types Classic Hybrid
- How are block themes structured – A
- How are block themes structured – B
- What is global styles and settings?
- What is theme.json?
- What is the JSON format?
Using the Site Editor
Lessons
Understanding Settings
Lessons
- What are settings and why should I use them?
- How does the settings interface work? – A
- How does the settings interface work? – A
- What is the settings engine?
- How to control settings using theme.json
- Handle settings according to theme type
- Introduction to removing customization
- Removing settings from block types
- Removing settings by post type or role
- What are custom properties?
- Should I use version 3 of theme.json?
- Exercise Overview – Creating starter theme files
- Exercise Solution – Creating starter theme files
- Exercise Overview – Enabling appearance tools
- Exercise Solution – Enabling appearance tools
Implementing Layout Settings
Lessons
- What are the layout settings?
- How do content and wide sizes work? – A
- How do content and wide sizes work? – B
- Additional content and wide sizes
- Implementing block spacing – A
- Implementing block spacing – B
- Implementing root padding
- Exercise Overview – Adding content sizes
- Exercise Solution – Adding content sizes
Implementing Color Settings
Lessons
Implementing Typography Settings
Lessons
- What are the typography settings?
- Adding fonts using the font library
- Technical implementation of the font library
- How to add a font size selector
- Font size best practices
- What are fluid font sizes?
- Exercise Overview – Adding a Google font
- Exercise Solution – Adding a Google font
- Exercise Overview – Adding a font size palette
- Exercise Solution – Adding a font size palette
Implementing Dimension Settings
Lessons
Understanding Styles
Lessons
Implementing Styles
Lessons
- Creating base styles
- Creating element styles
- Creating block type styles
- Global styles variations
- Understanding section styles – A
- Understanding section styles – B
- Creating a section style
- Overview of next exercises
- Exercise – Implementing base styles
- Exercise – Implementing element styles
- Exercise – Implementing block type styles
Styling with CSS
Lessons
Creating Template Parts
Lessons
- Template parts in classic themes
- Template parts in block themes
- Template parts and template part areas
- Headers and footers in classic & block themes
- Creating template parts
- Pitfalls when creating template parts
- Template part variations
- Overview of next exercises
- Exercise – Header and footer structure
- Exercise – Header and footer styles
Creating Templates
Lessons
- Introduction to template creation
- Overview of template management – A
- Overview of template management – B
- Creating a new template
- Exporting template from site editor
- Pitfalls of templates in the site editor
- Creating a custom page template – A
- Creating a custom page template – B
- Overview of next exercises
- Exercise – Implementing index structure
- Exercise – Implementing index styles
Creating Layouts
Lessons
- What you’ll learn in this section
- Required foundations for layout building
- Don’t make this mistake when building
- Discovering the group block
- Understanding flow and constrained layouts
- Block widths in constrained layouts
- Understanding row and stack layouts
- Understanding the grid layout – A
- Understanding the grid layout – B
- Introduction to sticky positioning
- Sticky headers using sticky positioning – A
- Sticky headers using sticky positioning – B
Creating Block Patterns
Lessons
- Introduction to block patterns
- Introduction to atomic design
- Overview pattern interface – A
- Overview pattern interface – B
- Overview pattern interface – C
- The four block pattern types – A
- The four block pattern types – B
- The four block pattern types – C
- The four block pattern types – D
- Block pattern sources
- Differences patterns and template parts
- Creating a new pattern
- Differences between pattern types – A
- Differences between pattern types – B
- Differences between pattern types – C
- Creating partially synced patterns
- Pattern registration – A
- Pattern registration – B
- Using patterns for internationalization – A
- Using patterns for internationalization – B
- Using patterns for static assets – A
- Using patterns for static assets – B
Creating Performant Themes
Lessons
Integrating Post Meta
Lessons
Project Architecture
Lessons
Curating the Editor Experience
Lessons
- Curating the WordPress experience
- Removing block patterns – A1
- Removing block patterns – A2
- Removing block plugins – B1
- Removing block plugins – B2
- Removing OpenVerse – C1
- Removing OpenVerse – C2
- Removing blocks globally
- Removing blocks for post types and editors – A
- Removing blocks for post types and editors – B
- Removing blocks for post types and editors – C