wordpress主题建站,选择WEB主题公园中文原创企业网站模板!

WordPress技术博客 news
您现在的位置:首页 > WordPress技术博客 > wordpress后台编辑文章显示前台样式

本周推荐网站模板

WordPress主题视频教程

最近更新的WordPress主题
最新更新过的网站模板

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

发布时间:2013/11/09 WordPress技术博客 新闻资讯 2323 1

我们在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

 

 

WordPress原创主题,高端网站模板建站,网站模板建站资源以及开发知识分享,尽在WEB主题公园

如未标明出处,所有文章均为WEB主题公园原创,如需转载,请附上原文地址,感谢您的支持和关注。

============关于WEB主题公园=============

WEB主题公园致力于开发适合中国人习惯的中文WordPress网站模板,并提供全程视频教程,让您能够轻松的使用网站模板建立好自己的网站!

分享WordPress开发,网站维护经验,分享更多有用的WordPress知识

WEB主题公园--做最好的中文原创WordPress主题,网站模版。

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

    2015年11月23日 17:45 回复