wordpress后台编辑文章显示前台样式

WordPress技术博客新闻资讯

我们在wordpress后台编辑文章时,前台和后台因为css样式的关系,显示是不一样的,但是wordpress3.0之后的版本出了一个非常棒的功能,那就是能够将前后台的样式统一起来,这样在wordpress后台编辑文章,也可以和前台看起来一样,这样我们就再也不用为后台编辑的文章和前台显示不一样,而来回的修改了。

如果我们打开wordpress的默认主题Twenty Eleven,就可以发现,当中有一个这样的注释和代码:

//This theme styles the visual editor with editor-style.css to match the theme style.
add_editor_style();

 

这段注释的大概意思是可视化编辑器与主题editor-style.css风格相匹配。

这个功能要实现起来也非常的简单,因为是wordpress默认的功能,我们只需要激活即可。

第一步,下载editor-style.css, 点击下载

第二步,将下载的文件复制到你的主题文件夹中的css文件夹中。

第三部,在functions.php中激活这个css。让前后台样式统一。

这样就能完成wordpress后台编辑文章显示前台样式了,如下图所示:

wordpress-editor-style-themepark

 

 

上一篇:

下一篇:

文章评论

您好!请登录

取消回复
  1. 回家过年 回复

    大神,如何使用function中激活css了?


展开更多