如何设置WordPress core/group块默认布局为is-layout-flow？

当然可以设置创建core/group块时默认使用is-layout-flow类，本质就是把块的默认布局从constrained改成flow，这里提供两种靠谱的实现方式：

方法一：通过编辑器端JavaScript修改 #

利用WordPress块编辑器的钩子，直接修改group块的默认属性。你可以把下面的代码放到主题的自定义JS文件里，或者通过functions.php加载：

wp.hooks.addFilter(
    'blocks.registerBlockType',
    'custom/group-default-layout',
    function(settings, name) {
        // 只针对core/group块生效
        if (name !== 'core/group') {
            return settings;
        }

        // 覆盖布局属性的默认值
        return {
            ...settings,
            attributes: {
                ...settings.attributes,
                layout: {
                    ...settings.attributes.layout,
                    default: {
                        type: 'flow'
                    }
                }
            }
        };
    }
);

如果要通过主题的functions.php加载这段JS，可添加以下代码：

function custom_enqueue_group_layout_script() {
    wp_enqueue_script(
        'custom-group-layout',
        get_stylesheet_directory_uri() . '/js/custom-group-layout.js', // 替换成你的JS文件路径
        array('wp-blocks', 'wp-hooks'),
        wp_get_theme()->get('Version'),
        true
    );
}
add_action('enqueue_block_editor_assets', 'custom_enqueue_group_layout_script');

方法二：通过PHP后端钩子修改 #

如果你更习惯用PHP处理，可以借助block_type_metadata过滤器修改块的元数据，同样能实现默认布局的更改：

add_filter('block_type_metadata', function($metadata, $block_type) {
    // 仅对core/group块操作
    if ($block_type->name !== 'core/group') {
        return $metadata;
    }

    // 修改布局属性的默认值
    if (isset($metadata['attributes']['layout'])) {
        $metadata['attributes']['layout']['default'] = ['type' => 'flow'];
    }

    return $metadata;
}, 10, 2);

把这段代码放到主题的functions.php文件，或者自定义插件的主文件里即可。

两种方法都能让新创建的core/group块默认应用is-layout-flow类，无需手动关闭约束布局设置。如果遇到其他插件或主题的冲突，可以调整钩子的优先级（代码里的10就是优先级，数值越小越先执行）。

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