给古登堡编辑器引入 css 和 js 文件

为了达到后端的编写体验与效果和前端一致，可以引入自定义的 css 文件和 js 文件来修改古登堡编辑器里的样式与交互。

粘贴以下代码到 function.php 文件中即可。

function puji_block_editor_scripts() {
  wp_enqueue_style(
    'puji-editor-style',
    get_template_directory_uri() . '/assets/block/block-style.css',
    array(),
    wp_get_theme()->get( 'Version' )
  );

  wp_enqueue_script(
    'puji-editor-script',
    get_theme_file_uri( '/assets/block/block-script.js' ),
    array(),
    wp_get_theme()->get( 'Version' )
  );
}
add_action( 'enqueue_block_editor_assets', 'puji_block_editor_scripts' );

wp_enqueue_style() 引入样式文件，wp_enqueue_script() 引入 js 文件。