MODULE ACTIVITY: Your First Theme

[cynthianorman]

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

[github-actions]

Lesson Development Checklist

• Gather any relevant links to Support, Docs, or related material
• Description and Objectives finalized
• Lesson created and announced to the team for review
• Lesson reviewed
• Lesson video submitted and published to WPTV
• Lesson created on Learn.WordPress.org
• Lesson video published to YouTube
• Lesson on Learn.WordPress.org updated with YouTube video
• Lesson published to Learn.WordPress.org

[kaitohm]

I'm moving this issue to the Content Development project board as it better suits the issue workflows we have set up there.