Visual Editor Background

时间:2021-06-24 作者:Antonio HBJ

我有一个WordPress网站,背景颜色是黑色,文本是白色。这个网站很好,但在视觉编辑器中编辑内容确实很痛苦,因为背景是白色的,颜色与文本相同。

所以How do I change the background colour <将视觉编辑器的em>设置为黑色或任何其他颜色,以便在文本颜色为白色时,内容可以自动读取,因为我的正常页面在背景中显示黑色,但当我发布帖子时,我会感到非常痛苦,因为我不需要更改它every 时间

请参见图片:enter image description here

1 个回复
SO网友:WebElaine

您可以创建插件或子主题。由于您网站上的黑色背景很可能来自主题,因此子主题似乎很适合这里-因此,如果您更改了主题,编辑器中的黑色背景也会消失。

要创建子主题,只需在其中创建一个新文件夹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 样式表,以确保其覆盖核心样式。

相关推荐