从 WordPress 核心古腾堡块中删除属性

Question

随着新的 WordPress 更新，核心 Gutenberg 块中添加了一些新属性，以便某些用户更轻松地自定义这些块

在上图中，您可以看到新外观的示例引用块的。例如，现在可以选择更改版式的外观以及新的“简单”样式选项。我想删除这些选项，但到目前为止我发现的唯一一件事是如何添加额外的属性以及如何完全删除块。

对于样式，我找到了获取属性的钩子，但我不知道如何修改它，因此它不显示“普通”选项：

    // hide "plain" opiton inside the style tab of the quote block.
const {
    addFilter,
} = wp.hooks;
addFilter(
    'blocks.registerBlockType',
    'jsforwp-advgb/extend-quote-block',
    extendBlockQuoteBlock
);

function extendBlockQuoteBlock( settings, name ) {
    if ( !settings || !settings.supports ) {
        return settings;
    }
    if ( 'core/quote' !== name ) return settings;
    console.log( settings.styles );

    return settings;
}

Answer 1

可以使用 unregisterBlockStyle(blockName, styleVariationName) 删除块样式。无需扩展或添加过滤器到块注册，只需在 DOM 准备好防止竞争条件时使用 unregisterBlockStyle 即可：

wp.domReady( function () {
    wp.blocks.unregisterBlockStyle( 'core/quote', 'plain' );
} );

参考：块编辑器手册/参考指南/块 API 参考/样式

更新： 下面是截图显示在控制台中运行 wp.blocks.unregisterBlockStyle( 'core/quote', 'plain' ) 的效果。

如果您希望删除排版，它与块样式不同，并且来自块支持 API，这是通过 addFilter 和 lodash allocate 完成的，以删除对您不想要的功能的支持，例如：

wp.hooks.addFilter(
    'blocks.registerBlockType',
    'jsforwp-advgb/extend-quote-block',
    extendBlockQuoteBlock
);

function extendBlockQuoteBlock(settings, name) {
    if (name !== 'core/quote') {
        return settings;
    }

    return lodash.assign({}, settings, {
        supports: lodash.assign({}, settings.supports, {
            typography: false,
        }),
    });
}