Details

• Content type (Online Workshop, Lesson, Course, Tutorial, or Lesson Plan): Module Activity
• Content title: Your First Theme
• Topic description: Getting started with WordPress block theme development culminating activity
• Audience (User, Developer, Designer, Contributor, etc.): Developer
• Experience Level (Beginner, Intermediate, Advanced, Any): Beginner

Lessons Covered

• Introduction to themes for developers #2082
• Theme structure #2085
• Main stylesheet #2086
• Templates #2087
• Global Settings and Styles #2090
• Create Block Theme plugin #2197

Learning Objectives

Learners will be able to:

• add the templates folder, style.css, and index.html to the theme's root directory
• add the main stylesheet's file header
• add the optional theme thumbnail
• activate the new theme
• create the basic layout of the index.html template
• add theme.json with schema and version keys
• add the following settings: remove custom color picker, remove default color palette, add custom color palette
• add the content and wide layout width sizes
• apply a custom color to the body text element
• install the Create Block Theme plugin

Related Resources and Other Notes

Learning Pathway: Beginner Developer - An introduction to developing WordPress themes

Automation Code