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

 

 

上一篇:

下一篇:

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

本文地址:https://www.themepark.com.cn/wordpresshtbjwzxsqtys.html

WordPress原创主题,高端网站模板建站,网站模板建站资源以及开发知识分享,尽在WEB主题公园
WEB主题公园致力于开发适合中国人习惯的中文WordPress网站模板,并提供全程视频教程,让您能够轻松的使用网站模板建立好自己的网站!

相关文章

文章评论

您好!请登录

取消回复

  1. 回家过年 回复

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


个人中心我的

联系我们x

联系我们,从qq在线客服,电话和邮件

售前客服-1[点击对话]

购买之前想要了解和咨询

售前客服-2[点击对话]

购买之前想要了解和咨询

售后客服[售后支持]

购买后输入订单号加好友

咨询热线:0731-8578 7193

联系邮箱:
info@themepark.com.cn

请注意:在线客服以及咨询热线请在 工作日的9:30~18:00来电咨询 电子邮件在任何时间都会回复

客服
回到顶部 顶部