Editor «totalmente» WYSIWYG

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?

VALORA Y COMPARTE ESTE ARTÍCULO PARA MEJORAR LA CALIDAD DEL BLOG…
(1 votos, promedio: 1)

¿Te gustó este artículo? ¡Ni te imaginas lo que te estás perdiendo en YouTube!

AVISO: Esta publicación es de hace 3 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.

23 comentarios en “Editor «totalmente» WYSIWYG”

  1. Fernando, creo que hay un error, en el codigo que muestras deberias quitar lo que pone editor-style.css y dejar solo style.css, por eso no le funciona a Simbelmyne.

    Por lo demas, excelente aporte

  2. Pingback: Mejor editor WYSIWYG en WordPress | Sky and Stars

  3. Pingback: Editor “totalmente” WYSIWYG | Ajuda Wordpress em Português

  4. Pingback: Editor “totalmente” WYSIWYG | Ajuda WordPress - Plugins WordPress, Temas WordPress e Dicas

  5. ¿puedo hacer que sólo tome la hoja de estilos cuando edito páginas y no en los post? ¿o poner una hoja de estilos distinta en cada caso?

  6. Hola, a mi no solo no me ha funcionado, si no que se ha cargado mi página… Tan sólo he cogido el código y lo he pegado en la parte inferior del código de functions.php , y cuando he ido a actualizar voilá, mi página no ha vuelto a aparecer…

    Os dejo aquí el error por si acaso sabéis que puede significar ok? Yo soy un poco torpe con esto de WP aún, necesito vuestra ayuda.

    Warning: require_once(TEMPLATEPATH/functions/theme-options.php) [function.require-once]: failed to open stream: No such file or directory in /home/comprar3/public_html/wp-includes/functions.php on line 5

    Fatal error: require_once() [function.require]: Failed opening required 'TEMPLATEPATH/functions/theme-options.php' (include_path='.:/usr/lib/php:/usr/local/lib/php') in /home/comprar3/public_html/wp-includes/functions.php on line 5

  7. por donde abro el functions.php y en que parte pego este codigo????

    umm soy nuevo en esto ajaja y no conosco mucho pero no especifican como llegar a functions.php y menos como pegar o donde meter ese codigo

    Gracias

  8. Buenas tardes me gustaría saber como inserto el editor o creador de entradas dentro de mi tema para crear contenido desde allí sin tener que entrar al panel de control de wp

  9. Hola. A ver si me puedes ayudar.
    Estoy buscando la manera de usar el editor wysiwyg propio de WP en un formulario personalizado que he creado en una plantilla PHP.
    Lo que quiero es saber como aplicar el editor wysiwyg de WordPress a los de mi formulario.

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

 

Ir arriba Ir al contenido