问题描述

为什么 Wordpress 中的可视化编辑器通过包装内容来限制宽度？

我在编辑中发现这个行为至少令人讨厌，这样做阻止了我使用我的屏幕房地产。

最佳解决方案

对你真正意思的猜测，我想你的意思是这样的事情发生：

如果这是你所指的，那是因为你的主题有一个在可视化编辑器中使用的 editor-style.css 样式表。该样式表中的某处是这样的：

html .mceContentBody {
    max-width:640px;
}

删除或修改 max-width 值将允许您进行自定义。另一个选项是完全删除样式表。要做到这一点，在主题中找到这行代码 (大概在 functions.php 中)：

add_editor_style();

并删除它。

如果这不是你的问题，我道歉，并希望澄清一些。

EDIT

由于 WordPress 看起来像加载样式表之前加载模板样式表，有两种方法可以重写样式。第一 (最简单)：使你的风格很重要：

html .mceContentBody {
  max-width: none !important;
}

要停止编辑器加载父样式，您可以将其添加到主题的 functions.php 文件中：

function get_rid_of_editor_styles(){
  global $editor_styles;
  if(is_array($editor_styles))
    foreach($editor_styles as $e)
      $e = 'editor-style.css' == $e ? '' : $e;
}
add_action('init','get_rid_of_editor_styles');

function add_my_own_editor_styles(){
  add_editor_style( 'custom-editor-style.css' );
}
add_action('after_setup_theme','add_my_own_editor_styles');

然后在您的小孩主题中，使用 custom-editor-style.css 作为子主题的编辑器样式表而不是 editor-style.css 。

请注意，答案的最后一部分不是每个人的最佳解决方案。我只是提供它，因为我知道你正在使用一个使用二十分钟作为模板的小孩主题。

参考文献

注：本文内容整合自 Google/Baidu/Bing 辅助翻译的英文资料结果。如果您对结果不满意，可以加入我们改善翻译效果：薇晓朵技术论坛。