Reply To: ACF Blocks – Need stable id

• kasbrahan

• October 15, 2022 at 2:39 pm

Slightly modified

{
    "$schema": "https://schemas.wp.org/trunk/block.json",
    "apiVersion": 2,
    "name": "acf/clb-custom-info-card",
    "title": "Info Card",
    "description": "A custom info card block.",
    "style": [ "clb_custom_info_card.css", "clb-custom-info-card-style" ],
    "category": "common",
    "icon": "admin-comments",
    "keywords": ["testimonial", "quote"],
    "acf": {
        "mode": "preview",
        "renderTemplate": "clb_custom_info_card.php"
    },
    "align": "full"
}

Save it as card-block.json and place in theme subfolder /acf-blocks/ – or where you like. Just adjust paths.

Filename can be changed, but must end with -blocks.json (discovered this after lots of debuging)

Style value can break the loading if the file can’t be found. It should be relative to the card-block.json

In your functions.php you can load it with

register_block_type(
    get_template_directory() . '/acf-blocks/card-block.json'
);

I placed it in a subfolder to the theme /acf-blocks/ with clb_custom_info_card.cssin the same folder.

You can declare expected attributes with a static default value by adding this node in the json.

"attributes": {
    "my_custom_attribute": {
        "type": "string",
        "default": "a_default_value"
     }
  }