El editor visual de WordPress te permite visualizar de un modo muy aproximado como se verá tu publicación, pero adolece de la cualidad de ser ABSOLUTAMENTE WYSIWYG. ¿A qué me refiero?, pues a que se vea tal y exactamente como se verá en tu tema activo, con las tipografías, colores, con el CSS exacto de tu tema.

Conseguirlo, sin embargo, es muy fácil, y no necesitas descargar o usar Windows Live Writer y su funcionalidad de integración, solo tienes que añadir un pequeño código al fichero (si, lo adivinaste) functions.php, este:

add_filter('mce_css', 'my_editor_style');
function my_editor_style($url) {
if ( !empty($url) )
$url .= ',';
// Cambia la ruta si estás  usando subdirectorios
$url .= trailingslashit( get_stylesheet_directory_uri() ) . 'style.css';
return $url;
}

Esta personalización seguramente será muy interesante para, por ejemplo, clientes que provengan de CMS como Joomla, donde están acostumbrados a escribir “desde fuera”, con una sensación – falsa – de integración, o simplemente para comprobar si los estilos que aplicas a tu publicación se adaptarán correctamente a las clases CSS usadas en tu tema.

No adapta todo pero si gran parte, como estilos de cabeceras, bordes y espacios de imágenes, etc.

Mola ¿no?

Para saber más:

• WordPress 3.2: más rápido, más ligero
• ¿Ser BetaTester de WordPress de un modo sencillo?
• ¿Que es CSS?
• WordPress Jeopardy
• WordPress contra Drupal contra Joomla: CMS Showdown