你不应该打电话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.css
将not 显示在Chrome开发工具的“样式表”部分。这是因为可视化编辑器加载在<iframe>
要素本质上,它位于嵌入到新帖子页面的另一个网页上。在此外部页面上editor-style.css
样式表已加载。
如果你真的想检查一下editor-style.css
如果已加载,则可以右键单击可视化编辑器主体并选择Inspect Element 从上下文菜单中。在高亮显示的线的正上方,您应该看到<link>
元素指向editor-style.css
文件
您还应该阅读Codex page for add_editor_style()
.