Gutenberg中的HTML块可以指定如下样式：
// JS file, enqueued using the action "enqueue_block_editor_assets"
wp.blocks.registerBlockStyle( \'core/html\', {
name: \'full-width-video\',
label: \'Full Width Video\'
} );
为了进行比较，我还将该样式应用于核心/预格式化。我在一篇帖子上为两个街区选择了它。
然而the class does not get added to the Custom HTML block:
<div class="wp-block-html">(html that I entered)</div>
<pre class="wp-block-preformatted is-style-full-width-video">(html that i entered)</pre>
我相信这是一个“支持”选项，它阻止了样式的应用，但我不知道如何为核心块编辑它。
有人知道我如何在核心HTML块上添加对样式的支持吗？
谢谢
SO网友:GeorgeP
块样式变体允许使用过滤器为现有块提供替代样式，如前所述here.
下面是一些使用服务器端函数（php）的示例。您可以在线添加css样式：
register_block_style(
\'core/html\',
array(
\'name\' => \'full-width-video\',
\'label\' => __( \'Full Width Video\' ),
\'inline_style\' => \'.wp-block-html.is-style-full-width-video { width:100%; }\',
)
);
或引用包含该类的排队样式表
wp_register_style( \'myguten-style\', get_template_directory_uri() . \'/custom-style.css\' );
// ...
register_block_style(
\'core/html\',
array(
\'name\' => \'full-width-video\',
\'label\' => __( \'Full Width Video\' ),
\'style_handle\' => \'myguten-style\',
)
);
register_block_style 应该挂在
init 行动
