您可以创建插件或子主题。由于您网站上的黑色背景很可能来自主题,因此子主题似乎很适合这里-因此,如果您更改了主题,编辑器中的黑色背景也会消失。
要创建子主题,只需在其中创建一个新文件夹wp-content/themes/
- 把它命名为black-background
. 然后放一个style.css
包含两条注释的文件夹中的文件:
/*
Theme Name: Black Background
Template: parent-theme-folder
*/
您需要更改模板(“父主题文件夹”)到当前主题的文件夹名称。因此,如果您使用的是二十二十,那么您可以将第三行更改为
Template: twentytwenty
.
现在您有了一个可以激活的子主题,但它没有任何作用。所以你还需要两个文件。这里有一句话editor.css
将编辑器背景设置为黑色的子主题文件夹的文件:
div.editor-styles-wrapper { background:#000; }
最后,要告诉WP在编辑器中包含该文件,请创建
functions.php
子主题文件夹中的文件:
<?php
add_action( \'enqueue_block_editor_assets\', \'wpse_enqueue_block_editor_style\' );
function wpse_enqueue_block_editor_style() {
wp_enqueue_style( \'black-background\', get_stylesheet_directory_uri() . \'/editor.css\', array( \'wp-edit-blocks\' ), \'1.0\' );
}
?>
这告诉WP,当它到达钩子以将块编辑器资源排队时(这意味着只有在WP设置块编辑器时才会发生),它需要找到
editor.css
在你的孩子主题中,称之为;“黑色背景”;并确保在
wp-edit-blocks
样式表,以确保其覆盖核心样式。