web-dev-qa-db-ja.com

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

背景色が黒でテキストが白のWordpressサイトがあります。サイトは問題ありませんが、背景が白(テキストと同じ色)であるため、ビジュアルエディタでコンテンツを編集しようとするのは面倒です。 HTMLビューを使用するか、黒のテキストでコンテンツを作成するようにユーザーに指示する必要があります。最後に、すべてのテキストを選択して白に反転するだけです(この場合、多くのユーザーはテキストを読み間違えていると思います)。削除されました。

テキストの色を白にする場合にコンテンツを読みやすくするために、エディタの背景色を黒(または他の色)に変更する方法を教えてください。

7
Ryan Hayes

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; 
} 
3
Michael

まず、テーマディレクトリに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カラーコード /に置き換えます。

4
GavinR