WordPress Hosting

Listas en HTML para usar en WordPress que igual no conocías

Si utilizas habitualmente el editor visual de WordPress ya sabes que puedes crear listas de elementos de dos tipos, numeradas y de viñetas, o dicho de otro modo, ordenadas y desordenadas, pero no son estas las únicas posibilidades.

Si le echas valor y te pasas a la pestaña de Texto, o HTML, del editor de WordPress puedes crear más listas, así que vamos a repasar tanto las que ofrece el editor como otras que puedes utilizar:

Listas ordenadas

Las listas más comunes serían las numeradas, que se crean así:

<ol>
<li>Primer elemento</li>
<li>Segundo elemento</li>
</ol>

Y consigues esto:

  1. Primer elemento
  2. Segundo elemento

Listas desordenadas

Las otras que ofrece el editor de WordPress son las listas de viñetas, que se hacen así:

<ul>
<li>Un elemento</li>
<li>Otro elemento</li>
</ul>

Y lo que obtienes es algo así:

  • Un elemento
  • Otro elemento

Listas ordenadas que empiezan por un número determinado

Si quieres personalizar una lista ordenada para que, en vez de empezar por el número 1, comience con un número a tu elección se hará de este modo:

<ol start="5">
<li>Elemento que empieza por el número 5</li>
<li>Siguiente elemento</li>
</ol>

Y consigues esto:

  1. Elemento que empieza por el número 5
  2. Siguiente elemento

Listas ordenadas en números romanos

Otra variación de las listas ordenadas es usar números romanos en vez de los habituales, y se hace así:

<ol type="I">
<li>Elemento I</li>
<li>Elemento II</li>
<li>Elemento III</li>
<li>Elemento IV</li>
</ol>

Listas ordenadas en letras

Y terminamos con listas ordenadas pero que usan letras en vez de números, muy prácticas, y se hacen así:

<ol type="A">
<li>Elemento A</li>
<li>Elemento B</li>
<li>Elemento C</li>
<li>Elemento D</li>
</ol>

Así que ya tienes unas cuantas tags HTML más que puedes sumar a tu arsenal de editor de WordPress.

Compartir en redes
Resumir con IA

¿De cuánta utilidad te ha parecido este contenido?

¡Haz clic en las estrellas para valorarlo!

Promedio de puntuación 4.9 / 5. Total de votos: 13

¡Todavía no hay votos! Sé el primero en valorar este contenido.

Ya que has encontrado útil este contenido...

¡Sígueme en las redes sociales!

¿Te gustó este artículo? ¡Ni te imaginas lo que te estás perdiendo en YouTube!



Sobre el autor

3 comentarios en “Listas en HTML para usar en WordPress que igual no conocías”

  1. Patxicooking.com

    Hola maj@s….
    tengo una web de cocina profesional.
    Quiero hacer un apartado llamado recetario, en el cual poner todas las recetas, pero… lo necesito ordenado alfabéticamente…

    ¿sería posible hacerlo? ¿se actualizaría automáticamente cada vez que creo una receta? (me gustaría que si se pudiera hacerse automáticamente)

  2. Tengo un tema en el que no funciona, aparece con números arábigos en vez de romanos. Sin embargo en otro tema sí funciona. ¿Qué estilo CSS pueden haber puesto para anularlo? No sé qué tengo que buscar para cambiarlo.

Los comentarios están cerrados.

Scroll al inicio