如何在Gutenberg中为多个区块类型批量注册相同自定义样式

你可以通过数组+循环的方式批量给多个区块注册完全相同的样式，无需重复编写注册逻辑，具体实现步骤如下：

• 先定义两个公共配置：需要应用样式的区块列表、通用样式规则
• 遍历区块列表，逐个调用wp.blocks.registerBlockStyle执行注册

以下是可直接使用的完整代码示例：

// 定义要批量应用样式的所有区块名称
const targetBlocks = [
  'core/paragraph',
  'core/heading',
  'core/quote',
  'core/list'
  // 可在此处继续添加需要应用相同样式的其他区块名
];

// 定义通用的样式配置，和你之前单个注册时的配置完全一致
const commonStyles = [
  {
    name: 'default',
    label: 'Default',
    isDefault: true,
  },
  {
    name: 'lead',
    label: 'Lead',
  },
  {
    name: 'subline',
    label: 'Subline',
  },
];

// 遍历区块列表批量注册
targetBlocks.forEach(blockName => {
  wp.blocks.registerBlockStyle(blockName, commonStyles);
});

如果后续需要调整样式，只需要修改commonStyles数组即可；如果要新增适用的区块，只要往targetBlocks数组里加对应区块名即可，无需修改其他逻辑。

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