php设置编辑框宽度,wordpress 修改后台编辑器的宽度

wordpress后台编辑器在宽频显示器上行宽度太窄感觉很不爽通过Chrome开发者工具观察是由一个样式控制的，而且是当前主题的一个样式 editor-style.css ，配置之前写的一个创建子主题的方法可以无损修改这个样式，当然也可以直接在主题文件中修改，修改子主题的样式如下即可。

/*

Theme Name: Twenty Eleven

Description: Used to style the TinyMCE editor.

*/

@import url("../twentyeleven/editor-style.css");

html .mceContentBody {

max-width: 100%;

}

wordpress升级到3.4版本这个css不起作用了，通过查找源码发现这个编辑器引用的是父主题的editor-style.css文件，也有可能是我最近装了几个插件的原因，懒得研究了直接修改父主题的样式表就行了。

但是全屏编辑模式宽度还是很窄的那种

通过检查发现是一个“

”控制的，这个行内样式应该是js控制或者直接用php变量替换的，到wordpress根目录递归搜索找到两个文件

grep -R "wp-fullscreen-wrap" *

wp-admin/js/wp-fullscreen.dev.js: var el = $('#wp-fullscreen-wrap'), w = el.width();

wp-includes/class-wp-editor.php:

那个$dfw_width的php变量怎么运作的就没时间研究了，毕竟咱不搞wordpress开发，找了一个老外的文章，在主题的functions.php中添加一行就可以了

set_user_setting( 'dfw_width', 1200 );

wp-includes/class-wp-editor.php里面已经写死了单位是px所以就别想用百分比宽度了。

我用的是子主题，官方文档关于子主题的functions是这样写的

不像style.css，子主题中的functions.php不会覆盖父主题中对应功能，而是将新的功能加入到父主题的functions.php中。(其实它会在父主题文件加载之前先载入。)

所以我只要在我的子主题里面新建一个functions.php加入如下代码就OK了，改完之后用起来舒服多了。

set_user_setting( 'dfw_width','1200' );