web-dev-qa-db-ja.com

WordPressのビジュアルエディタでコンテンツを折り返して幅が制限されているのはなぜですか?

Wordpressのビジュアルエディタがコンテンツを折り返して幅を制限しているのはなぜですか?

私はこの動作がエディタで少なくとも厄介なことに気付きました、それは私が私のスクリーンの不動産を使うことを妨げます。

8
sorin

あなたが本当に何を意味するのか推測を危険にさらして、私はあなたがこれが起こっているような何かを意味すると思います:

Word Wrapping

それがあなたが言及しているものであるならば、それはあなたのテーマがビジュアルエディタで使われ始めているeditor-style.cssスタイルシートを持っているからです。そのスタイルシート内のどこかに、このようなものがあります。

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

それを削除するかmax-width値を変更すると、それをカスタマイズできます。他のオプションは、スタイルシートを完全に削除することです。これを行うには、テーマの中で次のコード行を見つけます(おそらくfunctions.php)。

add_editor_style();

そしてそれを取り除きます。

これがまったくあなたの問題ではなかったら、私は謝罪し、ある説明を好む。

編集

WordPressはテンプレートスタイルシートをロードする前にあなたのスタイルシートをロードするように見えるので、スタイルを上書きする2つの方法があります。最初(そして最も簡単):あなたのスタイルを重要にします。

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を子テーマのエディタスタイルシートとして使用します。

注意してください、答えのこの最後の部分は皆のための最善の解決策ではないでしょう。私はあなたがテンプレートとして20を使ってあなたが子供のテーマを使っていることを知っているのでそれを提供するだけです。

15
John P Bloch