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

Question

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

9 авг. 2011 г., 02:53:25

Просмотры: 15.8K

Голосов: 12

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

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

Ryan Hayes

223

визуальный редактор

Комментарии

+1 за хороший Вопрос & +1+ за отличные Ответы, которые он получил!

brasofilo

14 июл. 2012 г. 19:33:15

Все ответы на вопрос

Сначала создайте CSS-файл в директории вашей темы (я назову его tiny.css). Затем добавьте следующий код в файл functions.php вашей темы:

// Добавляем пользовательские стили в редактор TinyMCE
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

3.12K

9 авг. 2011 г. 03:10:04

Комментарии

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

t31os

9 авг. 2011 г. 03:14:16

Отличное замечание! Я изменил это так, чтобы не модифицировать основные файлы WordPress.

GavinR

9 авг. 2011 г. 03:26:07

Michael 8.41K · Accepted Answer · 2011-08-09T11:38:38Z

похоже на ответ 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; 
}

Michael

8.41K

9 авг. 2011 г. 11:38:38