向古腾堡封面块添加一个额外的设置字段

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