将WordPress核心CSS添加到EDITOR-Style.css

时间：2017-01-31 作者：Arkeen

我正在使用自定义的儿童主题（来自抛物线，Cryout Creations, 最新版本），但似乎editor-style.css 文件不是最新的。我希望它包含前端使用的每个css，而不是重写所有内容，这样TinyMCE看起来就像发布的页面/文章一样（这很重要）。

为了做到这一点，我创建了一种新的编辑器样式。css文件，因此它会覆盖非最新文件。到目前为止，它包括样式。来自我的主题的css文件，但它缺少WordPress Core的大量css（索引文件第60行的css文件：http://nouveau.domaineloupia.com).

那么，如何将这个“核心CSS”添加到我的editor-style.css 文件这是最好的方法吗？我看过很多关于add_editor_style 功能，但我不知道是否可以使用它来做我想做的事情，也不知道如何使用它。

我该怎么做？

1 个回复

SO网友:chifliiiii

要添加影响TinyMCE的样式，需要执行以下操作：

add_action( \'admin_init\', \'editor_styles\' );
function editor_styles() {
       add_editor_style( get_stylesheet_directory_uri() . \'editor-style.css\' );
}

基本上，它将加载编辑器样式。位于子主题根目录中的css文件。

标签： css tinymce editor 小码农

通过主题定制器编辑style.css

直到现在，在我的Wordpress主题中，我在主题定制器中实现了一些必要的样式选项，这些选项将编辑CSS并通过将CSS输出到头部内部来覆盖它<style> 标记，例如，这里我实现了颜色选择器，如果默认状态发生更改，我会输出样式：function dc_get_gradient_colors() { $first_color = get_theme_mod( \'primary_color_1\' ); if ( $link_color != \'#0

小码农CODE

将WordPress核心CSS添加到EDITOR-Style.css

相关推荐

通过主题定制器编辑style.css