Bagaimana Anda mengubah warna latar belakang editor visual?

8

Saya memiliki situs Wordpress di mana warna latar belakangnya hitam dan teksnya putih. Situs ini baik-baik saja, tetapi sulit untuk mengedit konten dalam editor visual karena latar belakangnya putih (warnanya sama dengan teksnya). Saya akhirnya harus memberitahu pengguna untuk menggunakan tampilan HTML atau menulis konten dalam teks warna hitam dan kemudian pada akhirnya hanya memilih semua teks dan membalikkannya menjadi putih (dalam hal ini banyak dari mereka panik dan berpikir teks mereka adalah sekarang dihapus!)

Bagaimana cara mengubah warna latar belakang editor menjadi hitam (atau warna lain) sehingga konten dapat dibaca jika warna teks menjadi putih?

Ryan Hayes
sumber
+1 untuk Pertanyaan bagus & +1+ untuk Jawaban hebat yang didapatnya!
brasofilo

Jawaban:

3

mirip dengan jawaban oleh GavinR, menggunakan add_editor_style()fungsi wordpress ; (sebagaimana diterapkan dalam Dua Puluh Sepuluh dan Dua Puluh Sebelas)

di functions.php dari tema Anda, tambahkan:

add_editor_style();

lalu buat editor-style.css di folder tema Anda:

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

Pertama, tambahkan file CSS di direktori tema Anda (Saya menyebutnya tiny.css). Kemudian tambahkan berikut ini ke functions.php tema Anda:

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

Akhirnya, tambahkan CSS ini ke tiny.css

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

... mengganti # 000000 dengan kode warna HTML dengan warna apa yang Anda inginkan.

GavinR
sumber
Aturan pertama peretasan WP - jangan pernah mengedit file inti. Orang pertama yang memposting cara yang benar untuk menata ulang editor mendapatkan suara saya ..
t31os
Poin yang bagus! Saya telah memodifikasi ini sehingga tidak mengubah file inti WordPress.
GavinR