Escribir Ecuaciones en WordPress

Si tienes un blog académico o científico es posible que alguna vez te hayas preguntado como incluir ecuaciones matemáticas en tu blog sin tener que recurrir a las socorridas capturas de pantalla desde otras aplicaciones. Pues estás de suerte porque hay varias posibilidades para hacerlo, y las veremos todas.

Ecuaciones como Imágenes

Como podrás imaginar, puedes usar otros programas de edición de ecuaciones para producirlas, y luego guardarlas como imágenes. El resultado puede ser bueno pero si tienes muchas ecuaciones que incluir será bastante tedioso y cargará enormemente tu página.

Podrías usar texto para crear matemáticas, y esto suele ser lo que hace mas gente cuando no son necesarias fracciones u otras funciones avanzadas. También puedes usar HTML para escribir ecuaciones pero los resultados suelen ser malos y poco legibles.

MathML

Aún estamos esperando a que la mayoría de los navegadores soporten MathML, lo que permitiría que las ecuaciones matemáticas se mostrasen correctamente usando una serie de tags en el código, parecido a como haces con HTML. Sin embargo parece que no hay mucha prisa para implantar este estándar así que encontrarás muchos navegadores que no son capaces de mostar MathML correctamente o no lo mostrarán de ningún modo. Hasta que esto no se solucione es difícil que la comunidad científica adopte MathML como una solución adecuada, una pena.

Plugin LaTeX

LaTeX es una elección bastante habitual en la comunidad científica. Utiliza código para mostrar ecuaciones, y el documento final es un postscript o pdf, que genera documentos bastante buenos, de buen aspecto y presentación. En la web, las ecuaciones LaTeX pueden convertirse a imágenes .GIF.

Para WordPress tenemos un plugin que utiliza LaTeX para mostar el código como imágenes GIF dentro de tus posts. Sería una solución genial, el fin del problema, pero hay un gran escollo, y es que para usar el plugin debes poder instalar LaTeX en tu servidor, lo que suele quedar relegado a soluciones de servidores dedicados o virtuales, no accesibles para la mayoría de los usuarios.

CSS para Escribir Ecuaciones

Si no te satisfacen las anteriores soluciones, o no puedes instalar LaTeX en tu blog, puedes conseguirlo usando Hojas de Estilo en Cascada (CSS) para mostrar ecuaciones. Los resultados son bastante buenos, considerando que las hojas de estilo no se diseñaron con este propósito. El caso es que funciona, y lo que tienes que hacer es alterar el tamaño individual, posición, márgenes y bordes de los distintos elementos de texto a utilizar.

La mayoría de los navegadores soportan el uso de entidades HTML para símbolos matemáticos, y en eso se basa esta técnica. Un caracter difícil de encontrar es ħ, que se usa extensamente en física cuántica, y su código en “entidad HTML” es ħ Si quieres conocer mas entidades HTML para matemáticas u otros símbolos puedes encontrarlas en este enlace. El código que usaremos en el CSS sería este:

Para crear ecuaciones utilizaremos la tag span con la clase deseada. Por ejemplo, para crear la ecuación …

usamos este código:

Y para usar, por ejemplo, diferenciales como este …

usaríamos este otro código:

Por supuesto, puede que quieras (o debas) alterar algunos de los valores, sobre todo dependiendo del tamaño de la tipografía. Este método, no obstante, es complicado cuando tienes que mostrar largas fracciones o matrices, pero para la mayoría de las situaciones funciona estupendamente y es un modo accesible de conseguir incluir ecuaciones en tu blog.

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.

Valora este artículo para mejorar la calidad del blog ...

PobreRegularEstá bienMuy buenoExcelente (6 votos, promedio: 4,83 de 5)
Loading...

Autor: Fernando

Fernando Tellado, apasionado de WordPress, profesor, consultor y ponente. Maquero cansino, padre de tres hijos y de una perrita Beagle, Bilbaíno de nacimiento, Español de corazón y ciudadano de donde me quieran. Autor del libro WordPress - La tela de la araña. Mi blog personal es Navegando con red, donde he crecido como escritor en la red y ofrezco mis visiones acerca de la Web 2.0 y la blogosfera.

Comparte esta entrada en
468 ad
  • Pingback: Bitacoras.com()

  • ejner69

    Suena interesante…

    Habrá que probarlos…

    😀

  • estas cosas que se pueden hacer con wordpress no dejan de impresionarme, la verdad es que resulta atractivo para los matematicos

  • Frank Pereiro

    Yo uso un plugin llamado Math Publisher que es muy sencillo de usar y solo hay que escribir las fórmulas como si la escribes en una hoja de cálculo.

    No obstante, este tutorial está excelente.

    Sin duda que voy a usar el método que propones aquí con CSS, aunque hay que tener una chuleta para las etiquetas que hay que usar.

    Este tutorial es uno de los mejores que he leído en mucho tiempo. Gracias por compartirlo con todos.

  • Increible no conocía esta posibilidad, tendre que probarlo :))

  • Grandioso post!!! me estoy volviendo "boludo" haciendo las ecuaciones en Word y dsp subiendo las imagenes a los post.

    Gracias

    Saludos! ralcesar

  • ignacio

    no creo que llegue a necesitarlas, pero nunca esta de mas para tenerlo como referencia =)

  • Frank Pereiro

    Lástima que las comillas hay que arreglarlas. De todos modos, sigo haciendo pruebas.

  • Pingback: Post recomendados de la semana()

  • También podéis probar el PhpMathPublisher, que utiliza las librerías GD del PHP para generar las fórmulas en formato PNG y tiene dos plugins para WP:

    wpmathpub

    WpMathPublisher

    Saludos 😉

  • antonio 2 b de se

    lo q en realidad esperaba era realizar ejercicios de operaciones algebraicas

  • antonio 2 b de se

    no encuentro la pagina

    y voy a reprobar

  • Buenas

    yo utilizo esta página…
    http://thornahawk.unitedti.org/equationeditor/equ

    Obtengo la fórmula como imagen y luego la inserto en el post…

  • Daniel

    Hola

    Muy interesante, solo que para alumnos de secundaria posiblemente sea difícil diseñar la expresión.

    Es por eso que busco ayuda, por si alguien sabe de algún plugin que me permita escribir en una pizarra la expresión matemática y que el dibujo se inserte directamente en el comentario. Vamos, la idea es que los muchachos de secundaria o bachillerato discutan fórmulas, soluciones, despejes, etc. como si estuvieran escribiendo en el pizarrón.

    Muchas gracias de antemano.

  • Pingback: Escribir ecuaciones matematicas en posts de wordpress()

  • Diego

    Buenas opciones, las voy a probar. ¡Saludos!

  • Les cuento que la informacion de este post me cayo de perlas, puestoy iniciando un blog de matematica basica, y ando averiguando como escribir ecuaciones en mis post.

  • Kanoyo

    A mi no me funciona usando css nisiquiera pegando el codigo que aparece aqui, donde se encuentra el plugin para hacer lo en latex no hay nada que farsa

  • Yarayarayara

    en que pagina puedo encontrar un solucionador de ecuaciones

  • Diego Martín

    Muy util

  • francisco alerto

    mmm esta aburrido las matematicas estan re mamonas

  • Pingback: Análisis de la relación entre dos variables cualitativas | Daniel Costas en la Telaraña()

Pin It on Pinterest

ESTA WEB UTILIZA COOKIES PARA OFRECER LA MEJOR EXPERIENCIA POSIBLE. SI SIGUES NAVEGANDO DAS TU CONSENTIMIENTO PARA LA ACEPTACIÓN DE COOKIES Y NUESTRA POLÍTICA DE PRIVACIDAD más información

The cookie settings on this website are set to "allow cookies" to give you the best browsing experience possible. If you continue to use this website without changing your cookie settings or you click "Accept" below then you are consenting to this.

Close