Wie ändern Sie die Hintergrundfarbe des visuellen Editors?

8

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?

Ryan Hayes
quelle
+1 für die gute Frage & +1+ für die tollen Antworten!
Brasofilo

Antworten:

3

ä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; 
} 
Michael
quelle
5

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 .

GavinR
quelle
Erste Regel beim WP-Hacking - Bearbeiten Sie niemals Kerndateien. Die erste Person, die den richtigen Weg postet, um den Editor neu zu gestalten, erhält meine Stimme.
t31os
Toller Punkt! Ich habe dies so geändert, dass es keine WordPress-Kerndateien ändert.
GavinR