Block Style Variations

[cynthianorman]

Details

• Content type: Lesson
• Content title: Block style variations
• Topic description: We will take a look at creating and using block style variations.
• Audience: Developer
• Experience Level: Intermediate

Learning Objectives

• Describe block style variations and explain how to include them in your theme
• Register your new block style using either PHP or JavaScript
• Customize core WordPress block styles using the theme.json file

Related Resources and Other Notes

• https://developer.wordpress.org/themes/features/block-style-variations/
• https://developer.wordpress.org/block-editor/reference-guides/block-api/block-styles/
• https://developer.wordpress.org/block-editor/how-to-guides/themes/global-settings-and-styles/
• Builder Basics: Block Styles vs Block Variations

[github-actions[bot]]

Lesson Development Checklist

• [x] Gather any relevant links to Support, Docs, or related material
• [x] Description and Objectives finalized
• [x] 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

[cynthianorman]

https://youtu.be/7bdNPjb2MFw

This Intermediate Theme Developer Learning Pathway Lesson is ready to be reviewed. Please follow the steps listed under Guidelines for reviewing content. Thank you for your contribution! ✨

[jonathanbossenger]

Tutorial/Lessons Review Checklist

Please tick all items you've confirmed:

• [x] Learning outcomes/objectives are clear.
• [x] Technical concepts introduced in the content are accurate.
• [x] The speed of demonstrations are easy to follow.
• [x] The narration audio matches what is shown visually.
• [x] Spelling and grammar are correct.
• [x] Sound quality is consistent throughout the video.
• [x] Brand Usage Guidelines and Promotional Guidelines are being followed.
• [x] Media assets are all in the public domain (CC0).