西部数码主机 | 阿里云主机| 虚拟主机 | 服务器 | 返回乐道官网
当前位置: 主页 > php教程 > wordpress教程 >

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

时间:2016-10-19 18:04来源:未知 作者:好模板编辑 点击:
我们在wordpress后台编辑文章时,前台和后台因为css样式的关系,显示是不一样的,但是wordpress3.0之后的版本出了一个非常棒的功能,那就是能够将前后台的样式统一起来,这样在wordpr
我们在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后台编辑文章显示前台样式
(责任编辑:好模板)
顶一下
(0)
0%
踩一下
(0)
0%
------分隔线----------------------------
栏目列表
热点内容