Using Blocks in Gutenberg

Once a block is created and saved in BF Blocks, it is immediately available as a native Gutenberg block — no additional setup required.

Finding Your Block in the Inserter

Open any post or page in the Gutenberg editor and click the + icon to open the block inserter. You can find your BF Blocks blocks in two ways:

• Search by block name or any keyword you added in the builder.
• Browse the BF Blocks category (or whichever category you assigned).

Editing Fields in the Inspector

After inserting a block, click on it in the editor canvas. The right-hand Block panel in the inspector sidebar shows all the fields you defined:

• Text and Rich Text fields appear as inline editable inputs.
• Image fields open the Media Library on click.
• Select, Radio, and Checkbox fields display their configured options.
• Repeater fields show an Add Row button and a list of collapsible rows.

Block Alignment & Supports

If you enabled alignment support in the block builder, the Gutenberg toolbar shows alignment options (wide, full). Any alignment classes set by the editor are passed to your PHP template via $block['align'].

Using Inner Blocks

If your block includes an Inner Blocks field, a content area appears directly on the canvas. Drop any block into it — paragraphs, images, headings, other BF Blocks blocks — and they render inside your custom block's template.

Saving as a Reusable Block

Like any Gutenberg block, you can save a configured BF Blocks block as a WordPress Reusable Block (now called a Synced Pattern in WordPress 6.3+). This lets you reuse the same block with identical content across multiple pages.