如何覆盖Gutenberg管理员的css

时间:2019-05-03 作者:polish bastard

我需要建议如何修改古腾堡的核心CSS。

我的问题是:轮廓和块标签消失了,我希望它们固定,在每个块上始终可见,而不仅仅是在焦点上。我发现GB是从一种叫做wp-admin/load-styles.php 这基本上让我一事无成。所有样式通过该load-styles.php 文件我不知道在哪里可以找到那门课的大纲。

此外,我在任何地方找到的大多数CSS文件都是x4缩小的,并且是RTL的替代品。

我应该修改哪个文件及其版本?或者可能还有另一种方法?

1 个回复
SO网友:leymannx

要覆盖Gutenberg的样式,您需要添加自己的样式表。因此,钩住enqueue_block_editor_assets 然后添加您自己的样式表,在其中以要覆盖的选择器为目标。在下面的示例中,我在自定义主题的assets/ 文件夹

functions.php:

// Add backend styles for Gutenberg.
add_action(\'enqueue_block_editor_assets\', \'gutenberg_editor_assets\');

function gutenberg_editor_assets() {
  // Load the theme styles within Gutenberg.
  wp_enqueue_style(\'my-gutenberg-editor-styles\', get_theme_file_uri(\'/assets/gutenberg-editor-styles.css\'), FALSE);
}

assets/gutenberg-editor-styles.css:

.editor-post-title__input {
  border: 1px solid black;
}
来源:Creating theme editor styles for Gutenberg

相关推荐

在插件中加入jQuery UI Datepicker的css的合适方式是什么?

我正在寻找一个日期选择器,我在另一个问题的答案中读到,jQuery UI的日期选择器包含在WordPress中。为了让它工作,我需要添加脚本包含wp_enqueue_script(\'jquery-ui-datepicker\'); 但现在它不见了。css,我试图在样式包含中添加此内容wp\\u enqueue\\u样式(“jquery-ui-datepicker”);但它没有起作用。然而,在我正在开发的WordPress中,我找到了数千个datepicker的参考资料。最后,我现在使用这个:w