WYSIWYG使用.wp-editor-container 班因此，最简单的方法是在CSS中更改这一点。如果您的样式被覆盖，则只需添加!important.

.wp-editor-container {
    width:50%; // What ever size you want
}

thewp_editor() 函数还允许我们向textarea tag，我不确定这是否对你有帮助。下面是如何做到的：

<?php wp_editor( $content, $editor_id, $settings = array( \'editor_class\'=>\'yourclass\' ) ); ?>

您可以在此处查看文档：wp_editor - Codex

#post-body-content 是的。

我不需要使用任何!important:

#post-body-content {
    width:50%;
}

注意：这属于管理风格。css通常用于设置管理区域的样式。（不任何可能的编辑器样式。css您可能需要设置tinymce iframe的惯性样式）。这是如何在functions.php:

function add_admin_style() {
    echo \'<link rel="stylesheet" type="text/css" 
        href="\'.get_bloginfo(\'template_url\').\'/admin-style.css">\'; //adjust your path
}
add_action(\'admin_head\', \'add_admin_style\');

在DOM树中“进一步向下”设置样式会使更高级别的块“过大”。如果你选择了各自的tinyMCE option:

function config_tinyMce($init) {
    $init[\'width\'] = \'620\';
    return $init;
}
add_filter(\'tiny_mce_before_init\', \'config_tinyMce\' );

如果您想要一个特定的内部编辑器宽度（例如，在理想情况下，编辑器和固定列live之间具有相同的换行），那么

要么“算算”，所以继续调整上面的（外部）宽度值，直到内部宽度合适为止（不同浏览器的滚动条宽度可能会有所不同，等等），要么使其超大10-20px（通过上述方法），然后使用tinyMCE配置过滤器进行精确微调update: 好吧，也许可以使用tiny\\u mce\\u config选项进行enitre数学运算，只保留#post body内容。当然，在WYSIWYG视图中，如果外框不比实际列宽大太多，那就很好了。然而，在纯HTML视图中，由于不能同时看到更长的代码行，人们的生活变得不必要地困难。