Cómo agregar superíndices en Wordpress de forma efectiva

lydiasamtos · 6 Ene 2015

¡Hola betas!

Estoy editando un artículo en Wordpress al que necesito ponerle superíndices (x[SUP]2[/SUP]).

He probado con lo obvio: en el editor de texto he rodeado el superíndice con las etiquetas:

PHP:

<sup></sup>

Una vez hecho esto, en el modo de edición visual de Wordpress se ven normalmente los superíndices, pero ni en la vista previa del artículo ni una vez publicado aparecen.

¿Alguien que me pueda echar un cable?

¡Muchas gracias y un saludo!

Sonyco · 6 Ene 2015

Me uno a la pregunta! 🙂

FerMolina · 6 Ene 2015

Añadi esto en tu style.css

Insertar CODE, HTML o PHP:

.sup{font-size:xx-small; vertical-align:top;}

- - - Actualizado - - -

Puede que quizás quien hizo el theme que estás usando, lo haya excluido en el style.css

meregistro · 6 Ene 2015

una pregunta un poco tonta pero que son super indices?? me podrias mostrar un link de ejemplo?

lydiasamtos · 6 Ene 2015

meregistro dijo:
una pregunta un poco tonta pero que son super indices?? me podrias mostrar un link de ejemplo?

Mira este ejemplo: x[SUP]2[/SUP]. El número 2 que ves ahí arriba es el superíndice. Si fuera debajo, así x[SUB]2[/SUB] se llamaría subíndice.

- - - Actualizado - - -

FerMolina dijo:
Añadi esto en tu style.css

Insertar CODE, HTML o PHP:

.sup{font-size:xx-small; vertical-align:top;}

- - - Actualizado - - -

Puede que quizás quien hizo el theme que estás usando, lo haya excluido en el style.css

Lo acabo de probar y no funciona. Yo también creo que debe ser algo del theme y estaba convencida de que tu solución iba a funcionar, pero no. 😕
De todas formas, muchas gracias. Voy a curiosear por el theme y, si no consigo hacerlo, contactaré con el soporte. Dejaré por aquí la solución.

FerMolina · 6 Ene 2015

Mala mía, el código que te pasé recién hacia referencia a un class, probá con este otro:

HTML:

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}
sup {
    top: -0.5em;
}
sub {
    bottom: -0.25em;
}

Si no, fijate si el theme trae incorporado algun reset, busca la etiqueta sup y eliminala

lydiasamtos · 6 Ene 2015

FerMolina dijo:
Mala mía, el código que te pasé recién hacia referencia a un class, probá con este otro:

HTML:

sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; }

Si no, fijate si el theme trae incorporado algun reset, busca la etiqueta sup y eliminala

¡Eres un genio! ¡Funciona! ¡Ya tengo mis superíndices!
Muchísimas gracias, te lo agradezco un montón.

ramonjosegn · 6 Ene 2015

En realidad algunos SUPERÍNDICES se pueden ingresar fácilmente ingresando éstos como SÍMBOLOS usando el botón de insertar símbolos de Wordpress (el que tiene forma de herradura).

Desde ahí puedes insertar ° ª y los números 1, 2 y 3 como superíndices.

lydiasamtos · 6 Ene 2015

ramonjosegn dijo:
En realidad algunos SUPERÍNDICES se pueden ingresar fácilmente ingresando éstos como SÍMBOLOS usando el botón de insertar símbolos de Wordpress (el que tiene forma de herradura).

Desde ahí puedes insertar ° ª y los números 1, 2 y 3 como superíndices.

Sí, pero por alguna cuestión concreta del theme no salían tampoco utilizando esa opción que comentas. Con la solución de FerMolina ya está solucionado. :encouragement:

ramonjosegn · 6 Ene 2015

lydiasamtos dijo:
Sí, pero por alguna cuestión concreta del theme no salían tampoco utilizando esa opción que comentas. Con la solución de FerMolina ya está solucionado. :encouragement:

OK, me alegra que lo hayas solucionado. Yo generalmente copio y pego... pero no siempre funciona, para algunos navegadores puede dar error...

FerMolina · 6 Ene 2015

lydiasamtos dijo:
¡Eres un genio! ¡Funciona! ¡Ya tengo mis superíndices!
Muchísimas gracias, te lo agradezco un montón.

Me alegra que te haya servido. :encouragement:

lydiasamtos · 7 Ene 2015

Como ya está solucionada la cuestión, cierro el tema.
Muchas gracias a todos.

Cómo agregar superíndices en Wordpress de forma efectiva

lydiasamtos

Sonyco

FerMolina

meregistro

lydiasamtos

FerMolina

lydiasamtos

ramonjosegn

lydiasamtos

ramonjosegn

FerMolina

lydiasamtos

Temas similares