WordPress：使用额外选项扩展 Gutenberg 中的标题块

Question

我想在编辑器中使用正常的 <h2> 标签以及 .h2 类 出于 SEO 原因。 所以我想添加这样的东西而不是 <h2> 标签：<p class="h2">.

我找到了一种使用以下代码向古腾堡块添加自定义样式的方法：

wp.domReady( () => {

    wp.blocks.registerBlockStyle( 'core/heading', [ 
        {
            name: 'default',
            label: 'Default',
            isDefault: true,
        },
        {
            name: 'alt',
            label: 'Alternate',
        }
    ]);
} );

但这只会增加一些 类。 有没有办法改变标题本身的标签？

我知道我可以为段落块添加额外的样式。 但这将是一个段落块而不是标题 ;-)

Answer 1

在新的古腾堡编辑器中，通过使用 core/paragraph 块，您可以通过以下方式添加自定义 CSS classes： 块（段落）> 高级 > 附加 CSS Class(es):

这样，您可以继续为 <h2> 标签使用标题块，并使用段落块将附加的 CSS class .h2 添加到已发布的 post/page.