The get_block_wrapper_attributes() function allows you to use the styles built by WordPress' native supports for a block, such as background and text

ACF 6.0 introduces support for WordPress’s block.json method of block registration, the recommended way of registering blocks since WordPress 5.8 and

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,

In this tutorial, we'll show you how to utilize the InnerBlocks component within an ACF Block. We'll also demonstrate how you can leverage relationships

There’s a lot you can do with core WordPress blocks, but there are situations where the off-the-shelf options just don’t cut it. Maybe the design is

ACF Blocks opens the door to more creative building possibilities. One example we previously explored was using InnerBlocks and parent/child

Overview The WordPress Block Supports API offers plenty of features to extend your ACF Blocks. Additional attributes are passed to your block when you opt

Learn the differences between block styles and block variations and how to use variations in customer and core blocks.

Create an accordion block with ACF Pro integration.

Learn how to create a custom dynamic block that saves information to custom post_meta and creates a one-to-one experience in both the block editor and on the front end. You will see an example of how to to use @wordpress/create-block package to scaffold a block.

As I continue to write about learning to build block editor blocks, we’ll continue with looking at adding styles to both the backend and the frontend.

In this part of the series, we begin looking at how we can make our blocks more dynamic by adding support for editable content.

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…

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…

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.”

Using a WordPress table block in a block template so that a table block with pre-defined content is automatically added with each new post

Have you been making the most of Gutenberg? Learn how to use block patterns to make posting faster and easier.

Your custom blocks can use the native Background Color and Text Color block features.

How to add options and controls to existing blocks in Gutenberg, and save them in attributes.

The WordPress block editor (a.k.a. Gutenberg) communicates with the database via the WordPress REST API. We can read and write post meta from within the Gutenberg editor after we enable the specific post meta field in the WordPress REST API.

Whiteley Designs Tips & Tutorials are WordPress focused posts geared towards developers with a focus on Advanced Custom Fields, Gutenberg and more.

Many people complain about the hurdles of getting started with building Gutenberg blocks and apps. The learning curve is steep, mainly due to the

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

What makes a Gutenberg single block plugin different, and how they will change the landscape of WordPress as we know it with the WordPress Block Directory.

Over the years, I’ve had a range of pages that have contained my content from across several sites. It’s now even easier to create a page using the RSS block, and today I’m going …

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

Blocks in WordPress are great. Drop some into the page, arrange them how you like, and you’ve got a pretty sweet landing page with little effort. But what