各位开发完毕的主题，在使用过程中，也许会发现在 WordPress 后台日志编辑器中定义好的布局和样式，等在前台页面查看时，完全和自己的想法不一样。

这是由于 WP 后台编辑器使用了一套自己的样式表，而且其与所使用的主题没有直接关系。这也就是为什么后台编辑器中的效果和前台显示的效果有出入的原因。这也让“所见即所得编辑器”这个名字显得有点言过其实。

不过，我们可以通过在所使用的主题中增加一些样式表的信息来让默认编辑器和前台主题的显示效果保持一致。

在 WordPress 2.9.x 以及之前的版本中，可以使用以下方法：

将以下代码插入到主题的 functions.php 中：

add_filter('mce_css', 'my_editor_style');
function my_editor_style($url) {

  if ( !empty($url) )
    $url .= ',';

  // Change the path here if using sub-directory
  $url .= trailingslashit( get_stylesheet_directory_uri() ) . 'editor-style.css';

  return $url;
}

这将告知编辑器，主题为它提供了一套新的样式。

从 WordPress 3.0.x 开始，程序已经提供了相应的自定义编辑器样式的代码，只需要将下面代码加入到主题的 functions.php 文件中即可：

add_editor_style();

然后，在主题的目录中，创建一个 editor-style.css 文件，并且将主题现有样式表文件中的必要内容复制到该文件内。主要是将一些譬如日志文章中文字排版的相关样式信息，以及图片显示效果等代码复制进去。像主题的整体布局以及侧栏和除了日志本身以外的代码，可以不进行复制。

这样，当您在后台对文章进行编辑的时候，就可以最大限度上让前台页面与后台编辑器中的内容看起来一样了。

参考文件：Can themes style the visual editor?