Editor “totalmente” WYSIWYG

Publicado por Fernando Tellado el 22 Abr, 2010

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;
}

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?

PUEDE QUE TAMBIÉN TE INTERESE…

AVISO: esta publicación es de hace dos años o más. Si es un código o un plugin podría no funcionar en las últimas versiones de WordPress, y si es una noticia podría estar ya obsoleta. Luego no digas que no te hemos avisado.