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.

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

Valora este artículo para mejorar la calidad del blog ...

Al hacer una valoración se recoge una cookie con la IP de tu dispositivo

FlojitoNo está malEstá bienMe ha servidoFantástico (7 votos, promedio: 3,29 de 5)
Cargando…

Autor: Fernando Tellado

Fernando Tellado, apasionado de WordPress, profesor, consultor y ponente. Maquero cansino, padre de tres hijos y de una perrita Beagle, Bilbaíno de nacimiento, Español de corazón y ciudadano de donde me quieran. Autor del libro WordPress - La tela de la araña. Mi blog personal es Navegando con red, donde he crecido como escritor en la red y ofrezco mis visiones acerca de la Web 2.0 y la blogosfera.

Comparte esta entrada en
468 ad

Centro de preferencias de privacidad

Cookies imprescindibles

Se usan para saber si ya aceptaste nuestras políticas, si ya estás suscrito a nuestra newsletter, para reconocer el estado de tu sesión si la tuvieses y para servir más rápidos los contenidos.

No se captura IPs ni siquiera para el servicio de Analytics así que tu visita es privada.

JSESSIONID, _cfuid, wpSGCachePypass, mailerlite, gdpr, gawp
mailerlite, _cfuid

Cookies de terceros

Usamos cookies de terceros con servicios, también garantes de tu privacidad, que analizan tus usos de navegación para que podamos mejorar los contenidos, si ya estás suscrito al boletín y los elementos compartidos en redes sociales y el formulario de comentarios.

1P_JAR, APISID, CONSENT, HPSID, NID, SAPISID, SID, SIDCC, SSID, disqus_unique, disqusauth
disqus_unique, disqusauth
1P_JAR, APISID, CONSENT, HPSID, NID, SAPISID, SID, SIDCC, SSID

Pin It on Pinterest

Share This