ビジュアルエディターの背景色をどのように変更しますか？

背景色が黒でテキストが白のWordpressサイトがあります。サイトは問題ありませんが、背景が白（テキストと同じ色）であるため、ビジュアルエディターでコンテンツを編集するのは面倒です。私はユーザーにHTMLビューを使用するか、コンテンツを黒色のテキストで書き込むように指示する必要があり、最後にすべてのテキストを選択してそれを白に反転させます（この場合、多くのユーザーはびっくりしてテキストが削除されました！）

エディターの背景色を黒（または他の色）に変更して、テキストの色を白にする場合にコンテンツを読みやすくするにはどうすればよいですか？

GavinRの回答と同様に、wordpress add_editor_style()関数を使用します。（Twenty TenおよびTwenty Elevenで実装されたとおり）

テーマのfunctions.phpに、以下を追加します。

add_editor_style();

次に、テーマフォルダーにeditor-style.cssを作成します。

.mceContentBody.wp-editor {     
  background-color: #000;
  color: #fff; 
} 

まず、CSSファイルをテーマディレクトリに追加します（私はtiny.cssと呼びます）。次に、テーマのfunctions.phpに以下を追加します。

// Add custom styles to TinyMCE editor
if ( ! function_exists('tdav_css') ) {
    function tdav_css($wp) {
        $wp .= ',' . get_bloginfo('stylesheet_directory') . '/tiny.css';
        return $wp;
    }
}
add_filter( 'mce_css', 'tdav_css' );

最後に、このCSSをtiny.cssに追加します

.mceContentBody.wp-editor {
    background-color:#000000;
}

...＃000000を、希望する色のHTMLカラーコードに置き換えます。