Resources

On this page, I will include a list of resources regarding how to create custom block styles for WordPress blocks.

If you have tips about resources, please email me to add them to the list: hi@wpblockstyles.com

Note that with time, as the development of the block editor continues, some of these code examples and instructions may be outdated.

Articles

The official documentation for block filters

Theme shaper: Customizing Gutenberg blocks with block styles Kjell Reigstad on February 15, 2019.

Great article by Bill Erickson

Code.tutsplus.com: Create Style Variations for WordPress Gutenberg Blocks: Part 1 and Create Style Variations for WordPress Gutenberg Blocks: Part 2

By Alex Mansfield

Code

https://github.com/Automattic/gutenberg-block-styles