如何用createBlocksFromInnerBlocksTemplate创建含嵌套列的core/group区块

直接上可运行的模板代码，完全匹配你需要的嵌套结构：

// 定义完整的嵌套区块模板
const nestedTemplate = [
    // 外层Group区块
    [
        'core/group',
        {
            className: 'custom-group-container' // 可选自定义类名
        },
        [
            // Group内部的Columns区块
            [
                'core/columns',
                {
                    columns: 2,
                    isStackedOnMobile: true // 移动端自动堆叠显示
                },
                [
                    // 第一列
                    [
                        'core/column',
                        {},
                        [
                            ['core/heading', { level: 2, content: '第一列标题' }],
                            ['core/paragraph', { content: '第一列的段落内容，可根据需求自定义文本。' }]
                        ]
                    ],
                    // 第二列
                    [
                        'core/column',
                        {},
                        [
                            ['core/heading', { level: 2, content: '第二列标题' }],
                            ['core/paragraph', { content: '第二列的段落内容，支持标准的富文本格式。' }]
                        ]
                    ]
                ]
            ]
        ]
    ]
];

// 调用函数生成区块
const blocks = wp.blocks.createBlocksFromInnerBlocksTemplate(nestedTemplate);

关键层级说明： #

• 最外层是core/group，第三个参数为它的内部区块数组，里面直接嵌套core/columns
• core/columns的内部区块数组中，每个元素对应一个core/column列
• 每个core/column的内部区块数组，依次放入core/heading和core/paragraph即可实现列内嵌套

你可以根据实际需求修改各区块的属性，比如标题级别、段落内容、Group/Columns的样式类名等，直接替换对应字段的值即可。

内容的提问来源于stack exchange，提问作者Studio Wai