如何将古腾堡组块的“内部块使用内容宽度”切换为默认关闭/假

Question

当您在核心/组块中包装一组新块时，“内部块使用内容宽度”切换开关默认为 true。 有一个 object 属性显示该块的调用layout 。 我假设我可以像使用align属性一样更新layout属性的设置。

这是我更新align属性的方式：

const { addFilter } = wp.hooks;
const { assign, merge } = lodash;

function filterCoverBlockAlignments(settings, name) {
  if (name === 'core/group') {
    return assign({}, settings, {
      attributes: assign( {}, settings.attributes, {  align: {
        type: 'string', default: 'wide'
      } } ),
    });
    // console.log({ settings, name });
  }
  return settings;
}

addFilter(
  'blocks.registerBlockType',
  'intro-to-filters/cover-block/alignment-settings',
  filterCoverBlockAlignments,
);

上面的工作所以我假设更新布局的默认值是相似的，但要么我没有正确的 object 类型的语法，要么你可能无法更新布局 object 就像你可以更新对齐字符串一样。 这是我为 function 尝试的：

function filterCoverBlockAlignments(settings, name) {
  if (name === 'core/group') {
    return assign({}, settings, {
      attributes: assign( {}, settings.attributes, {  layout: {
        type: 'object', [{
          type: 'default'
        }]
      } } ),
    });
    // console.log({ settings, name });
  }
  return settings;
}

简而言之，我试图让块layer属性（这是一个 object 而不是一个字符串）让它的type属性默认为“默认”而不是“约束”。

Answer 1

我的意思是是的，你可以通过过滤来解决它。 但是，我建议的是进行块变化。 然后将该块变体设置为默认值。 然后，该块变体可以具有您想要设置的任何设置。 理论上很简单。

默认情况下，除了常规块类型项目外，所有变体都会显示在插入器中。 但是，为列出的任何变体设置 isDefault 标志将覆盖插入器中的常规块类型。

来源： https://developer.wordpress.org/block-editor/reference-guides/block-api/block-variations/

wp.blocks.registerBlockVariation( 'core/group', {
    name: 'custom-group',
    // this one is important, so you don't end up with an extra block
    isDefault: true,
    // and here you add all your attributes
    attributes: { providerNameSlug: 'custom' },
} );

如果您有更多代码，这里有一个更简洁的变体（使用解构）：

// extract the function from wp.blocks into a variable
const { registerBlockVariation } = wp.blocks;

// register like above
registerBlockVariation();