您应该添加一个自定义插件。这需要一个PHP主文件,其中包括注册一个JavaScript文件。下面的源代码应生成插件。您还可以在下面的问题中找到可用的解决方案。
PHP部件
add_action( \'enqueue_block_editor_assets\', \'my_gutenberg_scripts\' );
function my_gutenberg_scripts() {
wp_register_script(
\'my-editor-enhancement\',
plugins_url( \'editor.js\', __FILE__ ),
array( \'wp-blocks\' ), // Necessary script handles.
filemtime( plugins_url( \'editor.js\', __FILE__ ) ),
true
);
wp_enqueue_script( \'my-editor-enhancement\' );
}
在我们的示例中,这是
editor.js
, 我们在上面排队。该示例仅添加一个段落和两种不同的标题类型。
wp.domReady( () => {
wp.blocks.registerBlockStyle( \'core/paragraph\', {
name: \'blue-paragraph\',
label: \'Blue Paragraph\'
} );
wp.blocks.registerBlockStyle( \'core/heading\', {
name: \'default\',
label: \'Default\',
isDefault: true,
} );
wp.blocks.registerBlockStyle( \'core/heading\', {
name: \'alt\',
label: \'Alternate\',
isDefault: false,
} );
} );
如果您添加
isDefault: true
, 然后,此样式将在尚未指定样式的可见块上标记为活动。
核心模块core/paragraph
core/image
core/heading
core/gallery
core/list
core/quote
core/audio
core/cover
core/file
core/video
core/preformatted
core/code
core/freeform
core/html
core/pullquote
core/table
core/verse
core/button
core/columns
core/media-text
core/more
core/nextpage
core/separator
core/spacer
core/shortcode
core/archives
core/categories
core/latest-comments
core/latest-posts
删除块JavaScript部分
wp.domReady( () => {
wp.blocks.unregisterBlockStyle( \'core/button\', \'default\' );
wp.blocks.unregisterBlockStyle( \'core/button\', \'outline\' );
wp.blocks.unregisterBlockStyle( \'core/button\', \'squared\' );
} );
问题自动Block Style Example比尔·埃里克森great post.