web-dev-qa-db-fra.com

Comment changez-vous la couleur de fond de l'éditeur visuel?

J'ai un site Wordpress dans lequel la couleur d'arrière-plan est en noir et le texte en blanc. Le site est correct, mais il est difficile d’éditer du contenu dans l’éditeur visuel car l’arrière-plan est blanc (même couleur que le texte). Je finis par devoir 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 en blanc (auquel cas beaucoup d’entre eux paniquent et pensent que leur texte est maintenant supprimé!)

Comment changer la couleur de fond de l'éditeur en noir (ou toute autre couleur) afin que le contenu puisse être lisible si la couleur du texte doit être blanche?

visual-editor
7
Ryan Hayes

semblable à la réponse de GavinR, en utilisant wordpress add_editor_style() function; (tel que mis en œuvre dans Vingt dix et vingt onze)

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

add_editor_style();

puis créez un fichier editor-style.css dans votre dossier de thèmes:

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

Commencez par ajouter un fichier CSS dans votre répertoire de thème (je l’appelle minuscule.css). Ajoutez ensuite les éléments suivants au fichier 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 de couleur HTML de la couleur de votre choix.

4
GavinR