Cum schimbi culoarea de fundal a editorului vizual?

Question

Cum schimbi culoarea de fundal a editorului vizual?

9 aug. 2011, 02:53:25

Vizualizări: 15.8K

Voturi: 12

Am un site WordPress în care culoarea de fundal este neagră iar textul este alb. Site-ul arată bine, dar este dificil să editezi conținutul în editorul vizual deoarece fundalul este alb (aceeași culoare ca textul). Sunt nevoit să le spun utilizatorilor să folosească modul HTML sau să scrie conținutul cu text negru și apoi la final să selecteze tot textul și să îl schimbe în alb (caz în care mulți se panichează și cred că textul lor a fost șters!).

Cum pot schimba culoarea de fundal a editorului la negru (sau orice altă culoare) astfel încât conținutul să fie lizibil dacă culoarea textului trebuie să fie albă?

Ryan Hayes

223

editor vizual

Comentarii

+1 pentru întrebarea bună & +1+ pentru răspunsurile excelente pe care le-a primit!

brasofilo

14 iul. 2012 19:33:15

Toate răspunsurile la întrebare

Mai întâi, adaugă un fișier CSS în directorul temei tale (eu îl numesc tiny.css). Apoi adaugă următoarele în functions.php al temei tale:

// Adaugă stiluri personalizate în editorul TinyMCE
if ( ! function_exists('tdav_css') ) {
    function tdav_css($wp) {
        $wp .= ',' . get_bloginfo('stylesheet_directory') . '/tiny.css';
        return $wp;
    }
}
add_filter( 'mce_css', 'tdav_css' );

În final, adaugă acest CSS în tiny.css

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

... înlocuind #000000 cu codul de culoare HTML al culorii pe care dorești să o ai.

GavinR

3.12K

9 aug. 2011 03:10:04

Comentarii

Prima regulă în lucrul cu WP - niciodată să nu modifici fișierele de bază. Prima persoană care postează metoda corectă de a restiliza editorul primește votul meu.

t31os

9 aug. 2011 03:14:16

Foarte bine punctat! Am modificat astfel încât să nu mai alterez fișierele de bază ale WordPress.

GavinR

9 aug. 2011 03:26:07

Michael 8.41K · Accepted Answer · 2011-08-09T11:38:38Z

similar cu răspunsul lui GavinR, folosind funcția WordPress add_editor_style(); (așa cum este implementată în Twenty Ten și Twenty Eleven)

în fișierul functions.php al temei tale, adaugă:

add_editor_style();

apoi creează un fișier editor-style.css în folderul temei:

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

Michael

8.41K

9 aug. 2011 11:38:38