WordPressのビジュアルエディターがコンテンツをラップすることで幅を制限するのはなぜですか?


8

Wordpressのビジュアルエディターがコンテンツをラップすることによって幅を制限しているのはなぜですか?

エディタでのこの動作は少なくとも面倒ですが、画面の領域を使用できません。


編集者に何をしてほしいのか、実際に何をしているかを説明できますか?エディットボックスでのテキストの折り返しは、どのテキストエディターのデフォルトの動作でもあります...したがって、どのような問題が発生しているかはよく
わかり

回答:


15

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

単語の折り返し

それがあなたが言及しているものである場合、それはあなたのテーマeditor-style.cssにビジュアルエディターで使用されているスタイルシートがあるためです。そのスタイルシートのどこかに次のようなものがあります:

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

それを削除するか、max-width値を変更すると、カスタマイズできます。もう1つのオプションは、スタイルシートを完全に削除することです。これを行うには、テーマで(おそらくで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を使用する子テーマを使用していることがわかっているので、私はそれを提供しています。


ありがとう、正解でした。それでも何かが不完全なままです:オーバーライドをどこに置きますか... max-width: none;。私はそれを私の子のテーマに入れようとしましたが、管理者にいるときは読み込まれません-理由はわかりません(親が20です)。ワードプレスアップグレードや親テーマのアップグレードによって上書きされない場所に配置したいという考えです。
ソリン

WordPressの動作は次のとおりです。テーマのスタイルシートが追加されます(その後、まだ呼び出されている場合)、テンプレートのエディタースタイルが追加されます。上記の答えをいくつかの可能な解決策で編集します。
John P Bloch

3
これに関する小さな更新:WordPress 3.1は、親テーマの後に子テーマのスタイルシートをロードします。これにより、親エディタースタイルを完全に削除しなくても、スタイルで親スタイルをオーバーライドできます。詳細はこちら:core.trac.wordpress.org/ticket/14430
John P Bloch
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.