Previsualiza tus entradas mientras las escribes [truco wordpress]

Esto es un hack bastante simple que he hecho para poder previsualizar las entradas mientras escribo, y lo pongo aquí porque tal vez a alguien le sirva. La idea se me vino a la mente puesto que soy un fanático del CSS, y de resaltar las partes importantes de mis entradas con recuadros, colores e imagenes. Por ejemplo, para las notas uso una clase llamada “nota”, con lo cual se ve así:

Hola esto es una nota de prueba. Y se ve de lujo. Hola esto es una nota de prueba. Y se ve de lujo. Hola esto es una nota de prueba. Y se ve de lujo. Hola esto es una nota de prueba. Y se ve de lujo.

Y esto es un comando
para la consola
y se ve muy chulo

Entonces pensé que sería bueno poder ver cuál sería el resultado visual de la entrada mientras la escribía, sin tener que estar abriendo una nueva pestaña para previsualizarla. Y lo único que tuve que hace fue añadir el contenido de mi CSS al archivo wordpress.css, que se encuentra en wp-includes/js/tinymce. Y listo, verás algo como:

Ten en cuenta que si tu CSS hace referencias a imágenes en ésta manera, por ejemplo: background:url(images/rss_icono.jpg) no-repeat left; debes poner la URL completa de la imagen: background:url(http://tupagina.com/wp-content/themes/tema/images/rss_icono.jpg) no-repeat left;.

4 Comentarios | deja el tuyo