Come si modifica il colore di sfondo dell'editor visivo?


8

Ho un sito Wordpress in cui il colore di sfondo è nero e il testo è bianco. Il sito va bene, ma è difficile provare a modificare il contenuto nell'editor visivo poiché lo sfondo è bianco (stesso colore del testo). Alla fine devo dire agli utenti di usare la vista HTML o scrivere il contenuto in testo di colore nero e poi alla fine basta selezionare tutto il testo e capovolgerlo in bianco (nel qual caso molti di loro impazziscono e pensano che il loro testo sia ora cancellato!)

Come faccio a cambiare il colore di sfondo dell'editor in nero (o qualsiasi altro colore) in modo che il contenuto possa essere leggibile se il colore del testo deve essere bianco?


+1 per la buona domanda e +1+ per le grandi risposte che ha ricevuto!
brasofilo,

Risposte:


3

simile alla risposta di GavinR, usando la add_editor_style()funzione wordpress ; (come implementato in Twenty Ten e Twenty Eleven)

in Functions.php del tuo tema, aggiungi:

add_editor_style();

quindi crea un editor-style.css nella cartella del tuo tema:

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

5

Innanzitutto, aggiungi un file CSS nella directory del tuo tema (lo chiamo tiny.css). Quindi aggiungi quanto segue alle funzioni.php del tuo tema:

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

Infine, aggiungi questo CSS a tiny.css

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

... sostituendo # 000000 con il codice colore HTML di quale colore desideri che sia.


Prima regola dell'hacking del WP: non modificare mai i file core. La prima persona a pubblicare il modo corretto di rinnovare l'editore ottiene il mio voto ..
t31os

Ottimo punto! Ho modificato questo in modo che non modifichi i file principali di WordPress.
GavinR,
Utilizzando il nostro sito, riconosci di aver letto e compreso le nostre Informativa sui cookie e Informativa sulla privacy.
Licensed under cc by-sa 3.0 with attribution required.