改变WordPress 后台编辑器样式实现直接预览
来源:网络 责任编辑:栏目编辑 发表时间:2013-07-01 21:22 点击:次
在WordPress 3.0以后,有一个新的实用功能:你可以更改默认后台编辑器(TinyMCE)的样式,实现一个有趣的功能:在后台可视化编辑器模式下直接预览日志内容的编排,并且与前台浏览样式保持一致 ,不需要转到前台查看日志编辑情况。WordPress 3.21默认主题Twenty Eleven已集成了该功能,默认主题Twenty Eleven功能强大,集成了众多WordPress新功能,到目前为止,我还未研究透,囧......喜欢折腾WP主题的童鞋不妨多研究一下。
打开默认主题Twenty Eleven的functions.php,会看到一句加了明确注释的代码:
- // This theme styles the visual editor with editor-style.css to match the theme style.
- add_editor_style();
注释的中文大概意思为:可视化编辑器与主题editor-style.css风格相匹配。
关键就是这句。下面以HotNews Pro主题为例,轻松实现这一功能。
首先,新建一个名称为:editor-style.css的文件,将下面样式复制进去,或者直接下载:editor-style.css文件,并放到HotNews Pro主题css目录中。
- body {
- font: 13px 'Microsoft YaHei', 微软雅黑, Arial, Lucida Grande, Tahoma, sans-serif;
- color: #000;
- text-shadow: 0px 1px 0px #d1d1d1;
- width: 700px;
- }
- ul li{
- list-style: square inside;
- line-height:24px;
- }
- h1 {font-size: 18px;line-height:185%;}
- h2 {font-size: <
相关新闻>>
最新推荐更多>>>
- 发表评论
-
- 最新评论 更多>>