网站内容编辑器(一个.php后台可视化编辑器文件放到主题monkey目录的通知 )

　　网站内容编辑器(一个.php后台可视化编辑器文件放到主题monkey目录的通知

)

　　在WordPress3.0之后，有一个新的实用功能：可以改变默认后台编辑器（TinyMCE）的样式来实现一个有趣的功能：在后台可视化编辑器模式下直接预览日志内容的布局，并且与前台的浏览风格一致，无需去前台查看日志编辑情况。

　　将以下代码放入主题的 functions.php 中：

　　//比如使用的主题是monkey，那么放在路径monkey/static/css/editor-style.css

add_editor_style('/static/css/editor-style.css');

　　然后新建一个editor-style.css文件，放到主题monkey目录的static/css/目录下。内容例如：

　　.mce-content-body{padding:10px 15px;font-family:"PingFang SC","Microsoft Yahei",Verdana,Arial,Helvetica,sans-serif;font-size:14px;}

.mce-content-body{font-size:14px;line-height:30px;}

.mce-content-body h1{font-size:28px;margin:0 0 22px 0;}

.mce-content-body h2{font-size:24px;margin:0 0 22px 0;}

.mce-content-body h3{font-size:20px;margin:0 0 22px 0;}

.mce-content-body a{color:#9b9b9b}

.mce-content-body p{margin:0 0 22px;}

.mce-content-body blockquote{border-left:8px solid #9b9b9b;background:#f5f5f5;padding:10px 22px;margin:0 0 40px;}

.mce-content-body blockquote p{margin:0}

.mce-content-body img{max-width:100%;height:auto;}

.mce-content-body .aligncenter{margin:0 auto;display:block;text-align: center;}