A great way to start building blocks for WordPress is using InnerBlocks. Group other blocks together and easily add styles and settings.

Register a custom block style in Gutenberg with simple PHP and CSS- no JavaScript or build process required.

Add custom settings fields to any Gutenberg block. In this tutorial, we add a responsive display setting to Gutenberg using 10up’s Block Extension API, the WordPress Scripts build process, and the WordPress Base Styles Sass library.

We’re building a post carousel block using ACF Blocks. We’re doing everything from start to finish, including loading a third-party resource (Flickity) and default Gutenberg supports like colors and alignment. No build process, no fancy JavaScript, just Advanced Custom Fields.

Let’s build a custom WordPress block with a focus on editable image fields. Using the block-components library from 10up and a custom image function I wrote this year, we’ll go through every file in our custom block together.