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…
Course Content Expand All Introduction Welcome & How to use the course What is full site editing? Preparations All about blocks Bonus -How to stay up to date Block grammar basics Block attributes New full site editing blocks Custom block styles Experimental: Introduction to block… Continue reading Full site editing for theme developers
With WordPress 5.5, the register_meta() functions ( including register_post_meta() ) now support registering default values. Previously it was only possible to register default values for…
Revised Block Directory Guidelines Proposal Updates Wording but Changes Little Else
Yesterday, Alex Shiels posted an update to the proposed guidelines for the WordPress block directory. The document adds eight rules for plugin authors to follow if they plan to add their one-off bl…
tl;dr: With BlockBook, you can build, test and showcase your static WordPress (aka Gutenberg) blocks in isolation. It can also be used to test the block styles of your themes. In short, it’s …