向 Gutenberg 封面块添加额外的设置字段

Question

我想在 Gutenberg 封面块中添加一个额外的字段，让我可以根据选择或下拉菜单定义高度。

我已经在为块使用自定义样式并且需要一个额外的高度选项（否则会导致很多自定义样式）。这个想法是结合样式和高度。

目前尺寸面板中只有一个自定义高度选项。见下图。 对我来说，如果我可以在那里进行额外的设置，那将是一个很好的解决方案。

有什么比添加额外的样式。我正在使用此代码（简短示例）：

    wp.blocks.registerBlockStyle(
        'core/cover',
        [
            {
                name: 'cover-custom',
                label: 'Custom',
            }
        ]
    );

Answer 1

在您的区块中添加属性（Type:'string' 和 selector : 'select'）

https://github.com/WordPress/gutenberg-examples/blob/master/05-recipe-card-esnext/src/index.js