問題描述

為什麼 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 輔助翻譯的英文資料結果。如果您對結果不滿意，可以加入我們改善翻譯效果：薇曉朵技術論壇。