Builders Workshop – Build an Accordion Block with ACF Pro

Damon Cook

Dec 20, 2022

Builders Workshops are live events exploring features of modern WordPress with the WP Engine Developer Relations team.

This workshop was hosted by Damon Cook and took place on December 14^th, 2022.

In this special ACF PRO workshop we covered:

Setting up an ACF PRO Repeater field for accordion items.
Scaffolding a plugin and nested block with the @wordpress/create-block package and the custom @colorful-tones/acf-create-block-template package.
Migrating ACF PRO field registration from ACF PRO’s UI into the plugin (with JSON file).
Styling and hooking up the accordion JavaScript with 10up’s handy @10up/component-accordion

Here is the video recording 👇

ACF PRO Accordion block source code

Check out the full source code for the final accordion block on GitHub.

Advanced custom fields to build
with WordPress your way.

Download →

When is the next Builders Workshop?

We’ll be announcing some workshops in the New Year. Please be sure to follow @wpebuilders for announcements.

Also, reach out and let us know what you might want to see in an upcoming workshop. Be sure to mention @dcook or @wpebuilders and use the tag #BuildersWorkshop

Get the latest headless and modern
WordPress tutorials in your inbox.

Subscribe →

Damon Cook is a Developer Advocate at WP Engine. Previously, he navigated the WordPress agency land for a decade. He is a purveyor and discoverer of musical frisson. He can be found in the realms of WordPress Slack, WooCommerce Slack, and Twitter.