Desde WordPress 3.0 hay una nueva función que nos permite agregar estilos personalizados al editor visual (TinyMCE) de WordPress. Esta es una función que muy pocos conocen, pero si prueban de escribir un post con el tema por defecto TwentyTen, verán que el estilo del editor visual es bastante distinto.
Lo que se puede hacer aplicando estilos personalizados al editor visual es interesante, podemos darle estilos a los encabezados, a las fuentes, formatear las imágenes con bordes o espacios, especificar el espaciado entre párrafos, etc. Con esto podemos darle al post que estamos escribiendo un estilo mucho más parecido al del tema real que tenemos instalado.
El primer paso es crear un archivo con todo el CSS que dará el estilo al editor visual. Este archivo tiene que ser creado por nosotros a nuestro gusto, pero les pueden mirar el CSS del editor visual del tema TwentyTen y editarlo a gusto cambiándole tipografías, encabezados y lo que deseen. A este archivo le tienen que dar el nombre de editor-style.css y subirlo a la carpeta raíz del theme.
El segundo paso es editar el archivo functions.php del tema (si no existe tienen que crearlo) y pegar la siguiente función, puede ser al final del archivo si lo desean:
<?php add_editor_style(); ?>
Ese código le indicará a WordPress que en el esditor visual tiene que cargar un CSS específico. Ahora cuando vayan a escribir un post verán que el estilo que tiene es que ustedes le aplicaron mediante CSS.
