能否修改WordPress区块的默认文本对齐状态并同步更新对齐按钮？

1. 修改区块默认对齐属性（后端PHP） #

通过block_type_metadata_settings过滤器，可直接修改指定区块的默认对齐属性，影响新插入区块的初始状态：

add_filter( 'block_type_metadata_settings', function( $settings, $metadata ) {
    // 定义需要调整的区块列表
    $target_blocks = [ 'core/paragraph', 'core/heading', 'core/list' ];
    
    // 校验区块是否在目标列表且存在align属性
    if ( in_array( $metadata['name'], $target_blocks ) && isset( $settings['attributes']['align'] ) ) {
        // 设置默认对齐方式：可选值 left/center/right/justify
        $settings['attributes']['align']['default'] = 'right';
    }
    
    return $settings;
}, 10, 2 );

将代码添加到主题functions.php或自定义插件中即可生效。

2. 同步编辑器对齐按钮状态（前端JS） #

修改后端默认值后，编辑器对齐按钮可能不会自动选中对应状态，需通过JS强制同步：

第一步：注册编辑器脚本（PHP）

add_action( 'enqueue_block_editor_assets', function() {
    wp_enqueue_script(
        'custom-block-align-sync',
        get_theme_file_uri( '/js/block-align-sync.js' ), // 脚本路径根据主题结构调整
        [ 'wp-blocks', 'wp-edit-post', 'wp-element' ],
        wp_get_theme()->get( 'Version' ),
        true
    );
} );

第二步：编写同步逻辑（JS）

在主题目录下创建js/block-align-sync.js，写入以下内容：

wp.hooks.addFilter(
    'editor.BlockEdit',
    'custom/align-sync',
    ( BlockEdit, props ) => {
        const { name, attributes, setAttributes } = props;
        const targetBlocks = [ 'core/paragraph', 'core/heading', 'core/list' ];
        
        // 若区块属于目标列表且未设置对齐，强制同步默认值
        if ( targetBlocks.includes( name ) && ! attributes.align ) {
            setAttributes( { align: 'right' } ); // 对齐值需与PHP配置保持一致
        }
        
        return <BlockEdit { ...props } />;
    }
);

注意事项 #

• PHP与JS中的对齐值必须完全一致，否则会出现状态不匹配
• 部分特殊区块（如core/image）的对齐逻辑不同，需单独调整
• 修改后清空浏览器缓存，确保编辑器加载最新配置

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