How do I use ACF with Gutenberg?

How do I use ACF with Gutenberg?

How to Build Blocks in Gutenberg With Advanced Custom Fields

1. Install the Plugin. In order to use this functionality, you need the Pro version of ACF 5.8 or higher.
2. Register Your Block. After installation, it’s time to register your block.
3. Create Your Fields.
4. Render Your Block.
5. Provide Styling.
6. A Few More Things.

What is ACF Gutenberg?

Bringing Blocks to Everyone 💪 We believe that ACF Blocks is one of the more important features ever added to our plugin. It levels the playing field and allows more developers to take advantage of Gutenberg’s key feature. You don’t need to be a JavaScript expert in order to create custom blocks. To test ACF PRO 5.8.

What are ACF blocks?

ACF blocks is a PHP framework and does not require any JavaScript. This differentiates itself from the WordPress block API which relies heavily on modern JavaScript techniques, syntax and build tools.

What can you do with ACF in Gutenberg?

While you can still use ACF exactly how it currently works, ideally you could also use it to create blocks. If you select a style of “Block” the field you add to this fieldset would show up in a Gutenberg Block so you could use them directly within the Gutenberg editor.

How does advanced custom fields work in Gutenberg?

While Advanced Custom Fields still functions as intended, it does not inherently function within the framework of Gutenberg. The Gutenberg editor will give users the ability to easily create more dynamic pages using the blocks system.

How to block options in the Gutenberg editor?

Alternatively, you can Block Options get it on the plugin directory. Make sure you create ACF fields; then, go to Settings > Block Options and activate Advanced Custom Fields Support. Now create or edit any post/page on the Gutenberg Editor.

Where do I find field groups in Gutenberg?

You can set the position of Field Groups to “Side” and they do show in the sidebar of the Gutenberg editor in the “Extended Settings” dropdown. If ACF already works with Gutenberg, why change it?