Làm thế nào để bạn thay đổi màu nền của trình soạn thảo trực quan?

Tôi có một trang Wordpress trong đó màu nền là màu đen và văn bản là màu trắng. Trang web vẫn ổn, nhưng thật khó khăn khi cố gắng chỉnh sửa nội dung trong trình chỉnh sửa trực quan vì nền có màu trắng (cùng màu với văn bản). Cuối cùng tôi phải bảo người dùng sử dụng chế độ xem HTML hoặc viết nội dung bằng văn bản màu đen và cuối cùng chỉ cần chọn tất cả văn bản và lật nó sang màu trắng (trong trường hợp đó nhiều người trong số họ hoảng sợ và nghĩ rằng văn bản của họ là bây giờ đã bị xóa!)

Làm cách nào để thay đổi màu nền của trình chỉnh sửa thành màu đen (hoặc bất kỳ màu nào khác) để nội dung có thể đọc được nếu màu văn bản là màu trắng?

tương tự như câu trả lời của GavinR, sử dụng add_editor_style()chức năng wordpress ; (như được thực hiện trong Twenty Ten and Twenty Eleven)

trong hàm.php của chủ đề của bạn, thêm:

add_editor_style();

sau đó tạo một trình soạn thảo-style.css trong thư mục chủ đề của bạn:

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

Đầu tiên, thêm một tệp CSS trong thư mục chủ đề của bạn (tôi gọi nó là tiny.css). Sau đó thêm các mục sau vào chức năng của chủ đề.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' );

Cuối cùng, thêm CSS này vào tiny.css

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

... thay thế # 000000 bằng mã màu HTML về màu sắc bạn muốn.