Wie ändern Sie die Hintergrundfarbe des visuellen Editors?

Ich habe eine Wordpress-Site, auf der die Hintergrundfarbe schwarz und der Text weiß ist. Die Site ist in Ordnung, aber es ist schwierig, Inhalte im visuellen Editor zu bearbeiten, da der Hintergrund weiß ist (dieselbe Farbe wie der Text). Am Ende muss ich den Benutzern sagen, dass sie die HTML-Ansicht verwenden oder den Inhalt in schwarzen Text schreiben sollen. Am Ende wählen Sie einfach den gesamten Text aus und drehen ihn auf Weiß (in diesem Fall flippen viele von ihnen aus und denken, dass ihr Text ist jetzt gelöscht!)

Wie ändere ich die Hintergrundfarbe des Editors in Schwarz (oder eine andere Farbe), damit der Inhalt lesbar ist, wenn die Textfarbe Weiß sein soll?

ähnlich der Antwort von GavinR unter Verwendung der WordPress- add_editor_style()Funktion; (wie in Twenty Ten und Twenty Eleven implementiert)

Fügen Sie in functions.php Ihres Themas Folgendes hinzu:

add_editor_style();

Erstellen Sie dann eine editor-style.css in Ihrem Themenordner:

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

Fügen Sie zunächst eine CSS-Datei in Ihr Themenverzeichnis ein (ich nenne sie tiny.css). Fügen Sie dann der Datei functions.php Ihres Themas Folgendes hinzu:

// 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' );

Fügen Sie dieses CSS schließlich zu tiny.css hinzu

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

... Ersetzen von # 000000 durch den HTML-Farbcode der gewünschten Farbe .