Oferta SiteGround Black Friday

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.

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

¡Haz clic en los emoticonos para valorarlo!

Promedio de puntuación 3 / 5. Total de votos: 12

Hasta ahora ¡no hay votos!. Sé el primero en valorar este contenido.

Ya que has encontrado útil este contenido...

¡Sígueme en las redes sociales!

¡Siento que este contenido no te haya sido útil!

¡Ayúdame a mejorar este contenido!

Por favor, dime, ¿cómo puedo mejorarlo?

¿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. ¡Ah! ¿te funciona? pues entonces no he dicho nada :)

Sobre el autor

3 comentarios 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)

  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.

Deja un comentario

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

Información base sobre privacidad:
- Responsable: Fernando Tellado ([email protected])
- Fin del tratamiento: Moderación de comentarios para evitar spam
- Legitimación: Tu consentimiento
- Comunicación de los datos: No se comunicarán los datos a terceros salvo por obligación legal
- Derechos: Acceso, rectificación, portabilidad, olvido

 

Scroll al inicio