WordPress:使用额外的选项扩展古腾堡的标题栏

时间:2020-09-16 13:39:24

标签: javascript reactjs wordpress wordpress-gutenberg gutenberg-blocks

出于SEO的原因,我想在编辑器中使用普通的<h2>标签以及.h2类。 因此,我想添加以下内容而不是<h2>标签:<p class="h2">

我找到了一种使用以下代码将自定义样式添加到Gutenberg块的方法:

wp.domReady( () => {

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

但这只会添加一些类。 有什么方法可以更改标题本身的标签?

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

1 个答案:

答案 0 :(得分:1)

在新的Gutenberg编辑器中,使用core/paragraph块,您可以通过以下方式添加自定义CSS类: 块(段落)>高级>其他CSS类enter image description here

通过这种方式,您可以继续为<h2>标签使用标题块,并将段落块与添加到已发布帖子/页面的附加CSS类.h2一起使用。

相关问题