Digging into ACF Blocks for the WordPress Block Editor
Listen now
Description
Aurooba and Brian dig into ACF Blocks and how taking a design from mockup to built with the Block Editor requires a mindset adjustment. They also talk through the code of a real ACF Block, coding LIVE on the episode and discussing the pros and cons of ACF Blocks versus native blocks – with support from GitHub Copilot, of course.  A full transcript of the episode is available on the website. Watch the video podcast on YouTube and subscribe to our channel and newsletter to hear about episodes (and more) first! ACF Blocks – https://www.advancedcustomfields.com/resources/blocks/ Brian's website – https://briancoords.com/ Aurooba's website – https://aurooba.com (00:00) - Digging into ACF Blocks for the Block Editor (01:18) - Our ACF origin stories (03:38) - Switching to ACF Blocks from Flexible Content Rows (06:32) - The pros and cons of JSON (08:18) - Building blocks without a build process (09:20) - The two main types of blocks (12:34) - Why Aurooba never tried ACF Blocks before (13:57) - The fragility of blocks in the early days (15:25) - Approaching design atomically instead of as rows and columns (20:06) - Building a block with ACF Blocks (23:25) - Enabling Core Supports in ACF Blocks (26:11) - Live Coding: Adding background color support to the block (31:37) - Are ACF Blocks here to stay?
More Episodes
Aurooba and Brian dig deeper into the WordPress Interactivity API. This episode mostly focuses on the HTML directives they used in their custom blocks, how they work with block markup, and how the Interactivity API uses them to hydrate data. Along the way they also compare it to other templating...
Published 04/29/24
Published 04/29/24
So begins another project! This time back inside WordPress. Brian and Aurooba discuss the Interactivity API in WordPress. They explore how to use the API, the challenges they faced, and the benefits it provides. They also touch on JavaScript modules and how they are used in the context of the...
Published 04/15/24