ACF Blocks give you the power to create virtually any block you could desire, with the same features found in WordPress core blocks, such as InnerBlocks,
Have you ever wanted to disable specific blocks in WordPress? Whether to simplify the editing experience, maintain consistency across a site, or any other reason, this article will guide you throug…
Building ACF blocks with block.json - Bill Erickson
ACF 6.0 includes a major improvement to the way blocks are built. It now supports using block.json, which aligns with WordPress core’s preferred method for block registration. Why is this…
Nick Diego: Exploring the Power of Block Variations – WordPress.tv
The block variation API allows you to create “variations” of existing blocks. A variation differs from the original block by a predefined set of attributes or inner blocks. When the variation block…
Learning to Build Block Editor Blocks, Part 1 | Tom McFarlin
I’m going to go write a series of articles in which I’ll share my experience as something like “a backend engineer is learning to build Block Editor blocks.”
Designing Block-Based WordPress Child Themes With a Single JSON File
From the moment I opened my first theme shop back in 2008 to the present day as someone who merely tinkers, my plan has always been to build a single theme in the mold of CSS Zen Garden. This was a…
In the lingo of the WordPress block editor, presets are the set of values that are shown to users in different style categories: colors, duotone values, font sizes, gradients. Presets are an import…
How to Add Beautiful Gradient Presets to the Gutenberg Block Editor — Rich Tabor
Love ‘em or hate ‘em, gradients are here to stay. Especially now, as the WordPress block editor has a default mechanism to apply gradient styles throughout the editing experience. Out of the box, I don’t find the default gradient application experience particularly meaningful, as these presets are an assortment of trendy gradient styles presets. But …
We start off by finding out which block styles exists via .getBlockTypes(). This will dump it into the console: wp.domReady(() => { // find blocks styles wp.blo
How to package up your custom blocks in a plugin (Part 1)
Part 1 - Programmatically registering and configuring your Genesis custom blocks
In the last 3 months I've given upwards of a dozen presentations on building custom blocks with Genesis. Some of
How to Restrict Blocks to Specific Page Templates in the WordPress Gutenberg Editor
Note: The link to the full example is here. It’s a small plugin so feel free to download it, install it, and use it as you follow along with this guide. Why is this necessary? The Gutenberg editor in WordPress allows infinite possibilities for developers to provide custom block solutions for content editors. At some point…