Using just three filters, we’ll add a few custom fields to the core “Button” block in WordPress that will update the button’s content on the front end.
A great way to start building blocks for WordPress is using InnerBlocks. Group other blocks together and easily add styles and settings.
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.