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

aprender html

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.

VALORA Y COMPARTE ESTE ARTÍCULO PARA MEJORAR LA CALIDAD DEL BLOG…
(10 votos, promedio: 3)

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

AVISO: Esta publicación es de hace 3 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.

1 comentario en “Listas en HTML para usar en WordPress que igual no conocías”

  1. Patxicooking.com

    Hola [email protected]….
    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)

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

 

Ir arriba Ir al contenido