The Gutenberg editor is an amazing addition to WordPress that allows you to quickly create pages and posts and see them live as you’re building them. A big role in this process is played by the Gutenberg blocks—predefined components you can drag and drop into your page.

WordPress already provides a few simple blocks out of the box, but you can create custom, more complex examples if you like. This is what you’ll learn in this course. We’ll take three relatively complex patterns in web design and transform them into Gutenberg custom blocks.