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

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

我发现编辑器中的这种行为至少令人讨厌，但这确实阻止了我使用屏幕空间。

猜猜你的意思是什么，我想你的意思是这样的事情正在发生：

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

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

删除该max-width值或修改该值将使您可以自定义该值。另一种选择是完全删除样式表。为此，请在您的主题中找到以下代码行（可能在中functions.php）：

add_editor_style();

并删除它。

如果这根本不是您的问题，我深表歉意，希望您提出一些澄清。

编辑

由于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。

请注意，答案的最后部分并不是每个人的最佳解决方案。我之所以提供它，是因为我知道您正在使用以二十为模板的子主题。