¿Cómo se cambia el color de fondo del editor visual?


8

Tengo un sitio de Wordpress en el que el color de fondo es negro y el texto es blanco. El sitio está bien, pero es difícil tratar de editar contenido en el editor visual ya que el fondo es blanco (del mismo color que el texto). Termino teniendo que decirles a los usuarios que usen la vista HTML o que escriban el contenido en texto de color negro y luego, al final, solo seleccionen todo el texto y lo cambien a blanco (en cuyo caso, muchos de ellos se asustan y piensan que su texto es ahora eliminado!)

¿Cómo cambio el color de fondo del editor a negro (o cualquier otro color) para que el contenido se pueda leer si el color del texto es blanco?


¡+1 por la buena pregunta y +1+ por las excelentes respuestas que obtuvo!
brasofilo

Respuestas:


3

similar a la respuesta de GavinR, usando la add_editor_style()función wordpress ; (tal como se implementó en Twenty Ten and Twenty Eleven)

en functions.php de tu tema, agrega:

add_editor_style();

luego cree un editor-style.css en su carpeta de temas:

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

5

Primero, agregue un archivo CSS en su directorio de temas (lo llamo tiny.css). Luego agrega lo siguiente a las funciones de tu tema.php:

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

Finalmente, agregue este CSS a tiny.css

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

... reemplazando # 000000 con el código de color HTML del color que le gustaría que fuera.


Primera regla de pirateo de WP: nunca edite archivos principales. La primera persona que publique la forma correcta de cambiar el estilo del editor obtiene mi voto ..
#

Gran punto! He modificado esto para que no modifique los archivos principales de WordPress.
GavinR
Al usar nuestro sitio, usted reconoce que ha leído y comprende nuestra Política de Cookies y Política de Privacidad.
Licensed under cc by-sa 3.0 with attribution required.