CMS WordPress

[WordPress] Añadir subíndices y superíndices en tu web

Photo by JESHOOTS.COM on Unsplash

¿Cómo poner elevado al cuadrado, al cubo… en WordPress?

¿Te gustaría escribir cosas como…

Superíndice –> 20m2

Subíndice –> H2O

…pero no encuentras la manera de hacerlo? ¡Loopeando.com tiene la solución!

O mejor dicho, LAS soluciones. Puesto que vamos a contaros todos los caminos para conseguirlo, empezando por los más sencillos y rápidos hasta acabar con los métodos más permanentes y profesionales.

¿Empezamos?

Resumen de contenidos

  1. Copiar los caracteres.
  2. Símbolos especiales para ocasiones especiales
  3.  Etiquetas HTML
  4.  ¿Probamos con CSS?
  5.  Hagamos bien las cosas:  Habilitar botones en el editor de WordPress

 

Copiar los caracteres

Tan sencillo como práctico. ¿O acaso no es lo que hemos hecho todos cada vez que teníamos que poner aquello de CopyRight ©?

Aprovecha y copia el carácter 😉

 mm³ mmmmmm9

 

Símbolos especiales para ocasiones especiales

Existe un botón en el que pocas veces reparamos. Tiene forma de herradura y nos da acceso a un mapa de caracteres.

En dicho mapa podrás seleccionar algunos de los superíndices más comunes: ¹, ² y ³

 

Etiquetas HTML

Si en lugar de utilizar la pestaña «Visual» del editor de WordPress nos vamos a la de «HTML», podremos añadir estas etiquetas:

Que en la parte gráfica aparecerá como:   102

Que en la parte gráfica aparecerá como:   10²

 

¿Probamos con CSS?

Algunos temas de WordPress no tienen definidos los estilos para subíndices ni superíndices. Así que no importa lo que hagamos, que si no los definimos nosotros, nunca se mostrarán como tales.

Para arreglarlo tenemos que añadir:

Esto hay que ponerlo en la hoja de estilos de nuestro tema activo, del tema hijo o a través de un plugin para añadir CSS personalizado.

 

Hagamos bien las cosas:  Habilitar botones en el editor de WordPress

WordPress emplea un editor llamado TinyMCE. Es muy potente y tiene muchísimas opciones, tantas que por defecto la inmensa mayoría están ocultas.

Habitualmente el editor te muestra las más comunes, pero si queremos podemos habilitar las que deseemos como, en este caso, los botones de subíndices y superíndices:

Para habilitarlos tendremos que utilizar la siguiente función, que ha de ponerse en el archivo functions.php, para lo cual necesitaremos accesos FTP.

Os recordamos que el archivo functions.php se encuentra en /wp-content/theme/nombre_tema_activo/ y que lo ideal es que antes de modificar ese archivo:

  1. Creemos una copia de seguridad
  2. Creemos un tema hijo

La función es:

Y si no funcionase, podemos probar con esta otra:

 

¿Hemos conseguido ayudarte? Recuerda: Cada vez que no compartes un aporte, Dios mata un gatito.

 

Cristian Sarabia Martínez

Desde que a principios de los 90 mi padre desempolvó su Spectrum, no he dejado de probar y experimentar con la tecnología.

Enamorado del mundo web, Full Stack Developer de profesión y diseñador por devoción.

Ahora hago mis pinitos en esto del blogging para compartir con vosotros un poquito de todo lo que la comunidad me ha dado.

Escribir comentario

Haz clic aquí para dejar tu comentario