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?
¿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.
Pues no me funcionó 🙁
¿que versión de WP usas?
El más reciente, 2.9.2.
¿Qué apariencia debería tener? No me marca error, y veo el editor como siempre.
Nada, era por si acaso, vuelve a coger el código que lo he cambiado y debería funcionarte bien. A mi me rula bien 🙂
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
Cierto, se me coló, hay que quitarlo. Ahora lo modifico porque sino no funciona (las puñeteras prisas) 🙂
Gracias! ya lo acabo de poner en mi blog y sirve muy bien 😀
Es una pijada pero es chulo 🙂
Excelente!
El problema es que, por la plantilla que estoy utilizando, wordpress me muestra todos los textos centrados por defecto en mi editor XD…tendré que corregir eso.
Funciona bastante bien, excepto con las etiquetas de listas ul y li
Muy bueno ami si me funcino pero no me convencio de todo.
Gracias por el truco
Pingback: Mejor editor WYSIWYG en WordPress | Sky and Stars
Pingback: Editor “totalmente” WYSIWYG | Ajuda Wordpress em Português
Muy bueno… pero no me ha funcionado =(…
Pingback: Editor “totalmente” WYSIWYG | Ajuda WordPress - Plugins WordPress, Temas WordPress e Dicas
¿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?
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
Francisco! creo q te esta dando error por que no encuentra la ruta de tu template…
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
El fichero suele estar en la carpeta de tu theme, y sino lo creas. Lo puedes poner en cualquier parte, pero dentro de <?php
Gracias Fernando me funciona maravillas.
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
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.