如何将我的主题样式与编辑器样式分开?

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

我是否需要为WordPress所见即所得实现特定于编辑器的样式表?这样做是否可以消除我目前遇到的风格冲突?我还没有实现一个编辑器样式表,所以我注意到将周围的网站样式和编辑器样式分开变得非常困难。实现这一点的最佳方式是什么?

2 个回复
最合适的回答,由SO网友:Jeremy Jared 整理而成

除非您有一个名为editor-style.css. 您可以使用编辑器样式。css并简单地将其放置在主题根目录中,向样式表添加某些样式(并非所有的主题div和id标记都将应用于WordPress编辑器)。

另一种方法是使用wp_enqueue_script 以任意名称将CSS文件排入队列,或将其置于主题根目录以外的其他文件位置。一些作者使用此方法来最小化主题根目录中的文件量。

如果您的主题不正确地注册或排队脚本,可能会导致文件加载到WordPress管理区域。如果这没有帮助,请告诉我编辑器样式表使用的主题,以便我可以给您更好的帮助。

SO网友:its_me

在主题中为自定义TinyMCE编辑器样式表添加回调是在WordPress中实现特定于编辑器的样式表的一种好(标准)方法。具体操作如下:

add_editor_style(\'custom-editor-style.css\');
此函数仅适用于主题样式表,即:

代码应添加到主题的functions.php

样式表文件应该位于主题目录中,例如.../wp-content/themes/MY-THEME/custom-editor-style.css

READ: Function Reference / add_editor_style (WordPress Codex)和WordPress Editor Style (第条)

结束

相关推荐

Tinymce broken after update

我已经找到了其他与此相关的帖子,但没有人能回答我的问题。更新到WP 3.4后,我的可视化编辑器已损坏。Firebug报告此错误Failed to load: http://xxxxxx.com/wp-includes/js/tinymce/langs/pt.js wp tin。。。9-20805(林哈1号)我试着将主题设置为默认主题,效果很好。那么,我有没有办法确定是什么导致了这种情况,以便修复它?