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]

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

[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:

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

[ironnysh]

Tutorial/Lessons Review Checklist

Please tick all items you've confirmed:

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

Great lesson, @cynthianorman—simple and to the point.

I only have one suggestion: increasing the font size of the code samples (at 1:08 and 1:31).

[jonathanbossenger]

When you are so cool, they name a theme after you...

[jonathanbossenger]

https://youtu.be/38crES_t-Qk

[cynthianorman]

@jonathanbossenger

YouTube chapters

(0:05) Learning objectives
(0:27) Describe block style variations and explain how to include them in your theme
(0:54) Register your new block style using either PHP or JavaScript
(1:23) Customize core WordPress block styles using the theme.json file
(2:04) Next steps

[cynthianorman]

//publish