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文件,也有可能是我最近装了几个插件的原因,懒得研究了直接修改父主题的样式表就行了。

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

通过检查发现是一个“<div id="wp-fullscreen-wrap" style="width:606px;">”控制的,这个行内样式应该是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:   <div id="wp-fullscreen-wrap" style="width:<?php echo $dfw_width; ?>px;">

那个$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了,改完之后用起来舒服多了。

<?php
set_user_setting( 'dfw_width','1200' );

发表评论

电子邮件地址不会被公开。

ERROR: si-captcha.php plugin: GD image support not detected in PHP!

Contact your web host and ask them to enable GD image support for PHP.

ERROR: si-captcha.php plugin: imagepng function not detected in PHP!

Contact your web host and ask them to enable imagepng for PHP.