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.
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.
Link to the slide deck ↗ Code from the Demo Other Resources
A quick walkthrough of our ACF process when building custom WordPress themes.
An intro video to a longer paid course on Understrap, the open source WordPress + Bootstrap theme framework.
A live presentation at WordCamp OC about getting your nonprofit website on WordPress quick and easy.