Creating Gutenberg Blocks with Advanced Custom Fields


WordPress Wednesday


Advanced Custom Fields, Gutenberg, Web Development, WordPress


May 13, 2020


  • 1:18 — Coding begins
  • 3:02 — acf_register_block()
  • 4:11 — add_action(‘acf/init’, ‘your_function’);
  • 5:18 — Creating the layout for the block
  • 8:31 — Creating the Block in ACF
  • 10:41 — Adding the block
  • 12:30 — Styling the Block

Gutenberg, the “new” block editor that’s been in WordPress since late 2018, opened up a whole new world into creating posts and pages in WordPress. You can now add almost any type of block you want to your posts or pages with just a couple of clicks of the mouse and create rich and informative content. But the conventional way of creating blocks is fairly complicated to get started, even for developers like myself. But Advanced Custom Fields has a way were you can create you own blocks using just simple PHP.

Leave a Reply

Your email address will not be published.

I accept the Privacy Policy

This site uses Akismet to reduce spam. Learn how your comment data is processed.