很难将ADD_EDITOR_STYLE()加载到源代码中

时间:2012-07-29 作者:Matt

我尝试了很多不同的方法add_editor_style() 在没有任何运气的情况下加载到我网站的源代码中。我想使用editor-style.css 为我的WordPress所见即所得自定义CSS属性。然而,我无法让它工作。即使我查看Chrome Inspector的资源选项卡并向下滚动到“样式表”,我也没有看到任何editor-style.css

以下是我迄今为止所做的尝试:

放置editor-style.css 在我的主题目录的根目录中<?php add_editor_style(); ?> 放置在我的functions.php 我的主题文件(我甚至在我的functions.php 看看这能不能奏效……运气不好是否存在某种我不知道的覆盖类型?

3 个回复
SO网友:shea

你不应该打电话add_editor_style() 直接在您的functions.php 文件相反,您应该等到插件和主题加载完毕:

add_action( \'after_setup_theme\', \'add_editor_style\' );
如果已经有一个函数连接到after_setup_theme, 你可以打电话add_editor_style() 而是在里面。

然后需要创建一个名为editor-style.css 把它放在你的主题目录里。不得将其放置在子文件夹中;否则将找不到。尝试在中使用此代码editor-style.css, 只是想看看它是否起作用:

body#tinymce.wp-editor { 
    font-family: Arial, Helvetica, sans-serif; 
    margin:10px; 
}

body#tinymce.wp-editor a {
    color: #ffa500;
}
如果编辑器以不同的字体显示并带有橙色链接,那么它可以工作!

继续你的假设,editor-style.cssnot 显示在Chrome开发工具的“样式表”部分。这是因为可视化编辑器加载在<iframe> 要素本质上,它位于嵌入到新帖子页面的另一个网页上。在此外部页面上editor-style.css 样式表已加载。

如果你真的想检查一下editor-style.css 如果已加载,则可以右键单击可视化编辑器主体并选择Inspect Element 从上下文菜单中。在高亮显示的线的正上方,您应该看到<link> 元素指向editor-style.css 文件

Screenshot of using Chrome Developer Tools on my own dev site

您还应该阅读Codex page for add_editor_style().

SO网友:s6712

在找到之前有困难parent theme was calling add_editor_style()

214应该把这个包起来,这样就可以用remove_action, 不编辑父级functions.php

SO网友:Abhinav Sood

Correct Answer: 放add_editor_style(\'editor-style.css\'); 在连接到的函数中after_setup_theme 行动挂钩。传递要用于编辑器CSS的文件名作为参数,如果希望名称为“编辑器样式”,则跳过该参数。css,因为它是可选的。

Wrong Answer: 可选参数似乎不是可选的。这对我很有用:

add_editor_style(\'editor-style.css\');
是的,可以在主题的函数中直接调用它。php。

结束

相关推荐

wysiwyg is scrambled

我对wordpress编辑器有问题。它不断删除我的输入并扰乱内容。我如何解决这个问题?