使用registerBlockVariation复制core/image块后如何移除工具栏对齐选项

块变体（Block Variation）的设计机制仅允许覆盖原块的属性、默认值、变换参数，不支持直接重写原块的supports配置，因此你直接在registerBlockVariation中传入supports: { align: false }不会生效。

基于registerBlockVariation的解决方案 #

不需要修改核心图片块的全局配置，只需新增一个块类型注册过滤器，动态判断当前图片块实例是否为你的自定义变体，动态关闭对齐支持即可，完整代码如下：

// 原有变体注册代码
registerBlockVariation( 'core/image', {
  name: 'image-custom',
  title: 'Image Custom',
  attributes: {
    myAttribute: 'custom',
    // 显式声明变体标识，避免判断出错
    variation: 'image-custom'
  }
} );

// 新增过滤器动态修改对齐支持
import { addFilter } from '@wordpress/hooks';

addFilter(
  'blocks.registerBlockType',
  'my-custom/disable-image-variation-align',
  (blockSettings, blockName) => {
    // 仅处理核心图片块
    if (blockName !== 'core/image') return blockSettings;

    const originalAlignSupport = blockSettings.supports.align;
    return {
      ...blockSettings,
      supports: {
        ...blockSettings.supports,
        // 用回调动态判断是否支持对齐
        align: (blockAttributes) => {
          if (blockAttributes?.variation === 'image-custom') {
            return false;
          }
          return originalAlignSupport;
        }
      }
    };
  }
);

不使用registerBlockVariation的替代方案 #

你可以直接通过块继承的方式创建独立自定义块，完全隔离核心图片块的配置，自定义灵活度更高：

import { registerBlockType } from '@wordpress/blocks';

// 继承核心图片块的编辑、保存逻辑
const coreImageBlock = wp.blocks.getBlockType('core/image');

registerBlockType('my-custom/image-custom', {
  name: 'my-custom/image-custom',
  title: 'Image Custom',
  category: 'media',
  // 继承核心图片块的所有属性，追加自定义属性
  attributes: {
    ...coreImageBlock.attributes,
    myAttribute: {
      type: 'string',
      default: 'custom'
    }
  },
  // 自定义支持项，直接关闭对齐
  supports: {
    ...coreImageBlock.supports,
    align: false
  },
  edit: coreImageBlock.edit,
  save: coreImageBlock.save
});

该方案的优势是不需要额外加过滤器，完全独立于核心图片块，后续可以自由添加其他自定义功能，不会影响原有核心图片块的任何行为。

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