Как изменить цвет фона визуального редактора?

8

У меня есть сайт Wordpress, на котором цвет фона черный, а текст белый. С сайтом все в порядке, но пытаться редактировать контент в визуальном редакторе - это боль, так как фон белый (того же цвета, что и текст). В итоге мне приходится говорить пользователям, что нужно использовать представление HTML или записывать содержимое в черный цвет текста, а затем в конце просто выделить весь текст и перевернуть его на белый (в этом случае многие из них сходят с ума и думают, что их текст сейчас удалено!)

Как изменить цвет фона редактора на черный (или любой другой цвет), чтобы содержимое было читабельным, если цвет текста должен быть белым?

Райан Хейс
источник
+1 за хороший вопрос и +1+ за хорошие ответы, которые он получил!
brasofilo

Ответы:

3

аналогично ответу GavinR с использованием add_editor_style()функции wordpress ; (как реализовано в Двадцать десять и двадцать одиннадцать)

в functions.php вашей темы добавьте:

add_editor_style();

затем создайте файл editor-style.css в папке вашей темы:

.mceContentBody.wp-editor {     
  background-color: #000;
  color: #fff; 
} 
Майкл
источник
5

Во-первых, добавьте 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 того цвета, который вам нужен.

GavinR
источник
Первое правило взлома WP - никогда не редактируйте основные файлы. Первый человек, который отправит правильный способ
изменить стиль
Отличный момент! Я изменил это, чтобы он не изменял основные файлы WordPress.
GavinR