Comment changez-vous la couleur d'arrière-plan de l'éditeur visuel?

8

J'ai un site Wordpress dans lequel la couleur d'arrière-plan est noire et le texte est blanc. Le site est bien, mais c'est pénible d'essayer de modifier le contenu dans l'éditeur visuel car l'arrière-plan est blanc (même couleur que le texte). Je finis par dire aux utilisateurs d'utiliser la vue HTML ou d'écrire le contenu en texte de couleur noire, puis à la fin il suffit de sélectionner tout le texte et de le retourner au blanc (auquel cas beaucoup d'entre eux paniquent et pensent que leur texte est maintenant supprimé!)

Comment changer la couleur d'arrière-plan de l'éditeur en noir (ou toute autre couleur) afin que le contenu soit lisible si la couleur du texte doit être blanche?

Ryan Hayes
la source
+1 pour la bonne question et +1+ pour les bonnes réponses obtenues!
brasofilo

Réponses:

3

similaire à la réponse de GavinR, en utilisant la add_editor_style()fonction wordpress ; (tel que mis en œuvre dans Twenty Ten et Twenty Eleven)

dans functions.php de votre thème, ajoutez:

add_editor_style();

puis créez un éditeur-style.css dans votre dossier de thème:

.mceContentBody.wp-editor {     
  background-color: #000;
  color: #fff; 
} 
Michael
la source
5

Tout d'abord, ajoutez un fichier CSS dans votre répertoire de thème (je l'appelle tiny.css). Ajoutez ensuite ce qui suit au functions.php de votre thème:

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

Enfin, ajoutez ce CSS à tiny.css

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

... en remplaçant # 000000 par le code couleur HTML de la couleur que vous souhaitez qu'elle soit.

GavinR
la source
Première règle de piratage WP - ne modifiez jamais les fichiers de base. La première personne à publier la bonne façon de relooker l'éditeur obtient mon vote ..
t31os
Bon point! J'ai modifié cela afin qu'il ne modifie pas les fichiers WordPress principaux.
GavinR