★editor-style.cssについて
有無~奥が深いな http://www.webdesignleaves.com/wp/wordpress/981/
但し、クラスや ID で指定していない要素はスタイルを指定できないので、以下のようにして「editor-area」というクラスを指定しておくと良い。 functions.php function custom_editor_settings( $initArray ){ $initArray[‘body_class’] = ‘editor-area’; return $initArray; } add_filter( ‘tiny_mce_before_init’, ‘custom_editor_settings’ ); 出力されるビジュアルエディタの body 要素の例。（editor-area が追加されている） <body id=”tinymce” class=”mce-content-body editor-area mceContentBody wp-editor html4-captions” onload=”window.parent.tinymce.get(‘content’).fire(‘load’);” contenteditable=”true”>
非常にべりべりグー、但し、見出しが表示されなかったり、タブメニューは1つのボックスしか表示されなかったりと若干の問題有・・・editor-style.cssを編集して、UPして、を繰り返していくうちに、変更が反映されないことがあります。そんなときはブラウザのキャッシュを削除してください。 これで解決すると思います。 最もシンプルhttp://bge.jp/wordpress-visualedita-css/ @import url(“style.css”); functions.php add_editor_style(“editor-style.css”);＝これがアドバンストどう絡むかテスト（これは書かない事にしておく）
ビジュアルエディタにCSSを適用する方法 http://lblevery.com/sfn/create/wordpress-tips/visualeditor-css/ ビジュアルエディターのスタイルを変更するには、「テーマの編集」 で 「editor-style.css（ビジュアルエディターのスタイルシート）を修正します。 もしeditor-style.cssが無い場合は、新しくファイルを作ってテーマフォルダにアップロードします。 次にfunction.php内に以下のコードを追加します。 add_editor_style(‘editor-style.css’); ビジュアルエディター内のコンテンツの横幅と文字の大きさを修正するには、以下のようにスタイルを定義します。 よっしゃどっちに書くかな？第二ではeditorに入れてみよう。どっちもOKだあ～ .mceContentBody{ width:500px;→680pxたしかに反映 font-size:16px; background-color:#FFF;※これ追加は大事でやんす } CSSファイルに設定したスタイルはビジュアルエディターのみで適用されます。HTMLエディターの場合はスタイルシートは適用されません