我为编辑器创建了一些自定义块,这些块正在工作,但我遇到了 CSS 问题。
blocks.editor.build.css
在编辑器和前端加载,它应该只在编辑器中加载。
blocks.style.build.css
应该在两个位置都加载,但不会在任何地方加载。
另外,是否有更好的方法来注册块,这样我就不必register_block_type()
为我制作的每个新块重复代码?
function my_register_custom_blocks() {
// Editor JS
wp_register_script(
'my-custom-blocks',
plugins_url('/blocks/dist/blocks.build.js', __FILE__),
array('wp-blocks', 'wp-element', 'wp-editor', 'wp-components')
);
// Frontend & Editor Styles
wp_register_style(
'my-custom-blocks-style',
plugins_url( '/blocks/dist/blocks.style.build.css', __FILE__ ),
array( 'wp-blocks' )
);
// Editor Only Styles
wp_register_style(
'my-custom-blocks-edit-style',
plugins_url('/blocks/dist/blocks.editor.build.css', __FILE__),
array( 'wp-edit-blocks' )
);
// Divder Block
register_block_type('custom-blocks/divider', array(
'editor_script' => 'my-custom-blocks',
'editor_style' => 'my-custom-blocks-edit-style',
'style' => 'my-custom-blocks-style'
));
// Spacer Block
register_block_type('custom-blocks/block-spacer', array(
'editor_script' => 'my-custom-blocks',
'editor_style' => 'my-custom-blocks-edit-style',
'style' => 'my-custom-blocks-style'
));
...More Blocks
}
add_action('init', 'my_register_custom_blocks');