Exploring the Power of Block Variations

The block variation API allows you to create “variations” of existing blocks. A variation differs from the original block by a predefined set of attributes or inner blocks. When the variation block is inserted into the Editor, it will have these attributes and/or inner blocks rather than those of the default block. Whew, sounds complicated, right?

In this online workshop, we will demystify block variations and demonstrate just how powerful they can be. Variations are a fundamental part of modern WordPress website development. In fact, many WordPress Core blocks that you use every day are actually variations!

Learning Objectives

• Learn the block variation fundamentals and how to create them.
• Learn why block variations are an important tool in every theme developer’s tool kit.
• From the presented examples, learn how you can use variations to extend WordPress Core blocks for your own projects.

Meetup Information
Where: Zoom (Link will be visible after RSVP)
Audience: Builders
Level: Intermediate/Advanced
Language: English with live Zoom transcription

Resources
Block Editor Handbook article on block styles
Block Editor Handbook article on block variations
Additional block variation documentation in the Gutenberg plugin
Note on how to correctly register variations
CSS Tricks article on block variations
Rich Tabor article on block variations
Gist of presentation examples