Gutenberg Block Editor

Gutenberg is the new block-based content editor in WordPress.

These developer-focused tutorials will help you extend Gutenberg and build easier-to-manage websites for your clients.

Full and wide alignment in Gutenberg

The new WordPress block editor includes two new alignment options. To take advantage of the new alignment options, your theme must first support them. Include add_theme_support( ‘align-wide’ ) in your…

Recommended Plugins with Gutenberg Blocks

The new block editor in WordPress includes many core blocks, and you can add additional blocks through plugins. These are the tools I recommend using.

Using Block Templates with Gutenberg

Block templates are one of my favorite new features in Gutenberg. You can specify a list of blocks that automatically appear in the content editor, customize their attributes, and lock the template.

Building a Gutenberg website

Gutenberg is the new block-based content editor in WordPress. I’ll show you how to develop a Gutenberg-optimized WordPress theme and provide examples of client sites using Gutenberg.

Getting your theme ready for Gutenberg

If you’re building custom themes for clients, you should be adding Gutenberg support right now! Make sure your client’s transition to the new editor is as seamless as possible.

Building a Gutenberg Block

After completing Zac Gordon’s wonderful Gutenberg Development Course, I wanted to try building my own block. It was more difficult than I expected, but a great learning experience. For comparison,…