Welcome to the Build your own Block Theme workshop

Today we will be re-creating the Twenty Ten theme design as a Block Theme

Some things to be aware of:

• Block Themes could be described as a minutes to learn, a lifetime to master topic.

• The theme we will create will be quite simple but should give enough of a primer to build upon.

• There will be opportunities to bring everyone up to the same place.

Step 1

• Setup Development Environment
• File Managment and Navigation

Step 2

• Create absolute minimum wceu-blocks theme
• Activate wceu-blocks theme

Step 3

• theme.json Settings Overview
• Enable Appearance Tools
• Add Color Palette Presets
• Add Duotone Presets
• Add Gradient Presets
• Typography
  • Fonts
  • Sizes

Step 4

• theme.json Styles Overview

Step 5

• Create a Header Template Part in Site Editor
• Common blocks to use in a header
  • Site Logo
  • Site Title
  • Site Tagline
  • Navigation

Step 6

• Create a Footer Template Part in Site Editor
• Blocks For the Footer
  • Paragraph
  • Navigation

Step 7

• Create Index Template

Step 8

• Create Single Post Template
• Create Single Page Template
• Create Archive Template
• Create Search Results Template
• Create 404 Template

Step 9

• Create Custom Page Template
• Additional Template Options (Template Hierarchy)

Step 10* Declare/Register Template Parts in theme.json

• Declare/Register Custom Templates in theme.json

Step 11

• Export Theme
• Install Theme
• Clear Customizations

Take it Further

• Patterns from the Directory
• Patterns in the theme
• Style Variations/Style Switcher
• Block Styles
• Block Variations

Go to Step 1 >>