Como hacer listas donde quieras

Cuando nos enfrentamos a un blog y no tenemos experiencia en programación de ningún tipo nos solemos llevar mas de una sorpresa. Y es que, aunque es cierto que con WordPress puedes tener un blog en pocos minutos y sin saber de programación, no es menos cierto que unos conocimientos básicos de HTML te ayudarán a mejorarlo y personalizarlo, a darle su carácter personal y único.

Es algo que todos descubrimos tarde y temprano, y al final, en los Foros, terminamos por animarnos a “tocar el código”.

Pues bien, hay uno de los elementos básicos de edición que, con un conocimiento simple, podemos incorporar algo mas de alegría y personalidad a nuestro blog: las listas.

Por supuesto, puedes crear listas en un post con el editor visual, pero no estoy hablando de eso, sino de hacerlas en nuestra plantilla, incluso en los widgets de texto. Hay muchas situaciones en las que puede que quieras hacer una lista (ordenada o no) y por falta de conocimiento de como hacerlo en HTML terminas recurriendo a plugins, cosa que no es necesaria.

Para crear una lista solo necesitas conocer 3 tags HTML: ul, ol y li.

Las tags ol y ul son las etiquetas de apertura de una lista e indican si será ordenada (1, 2, 3, etc) o no, respectivamente. Por otro lado li es la etiqueta que “encierra” cada elemento de la lista, y se usa en ambos tipos de lista indistintamente.

Todas las tags HTML tienen código de apertura y de cierre, y la única diferencia es que el de cierre lleva una barra “/”. De este modo,

    abriría una lista ordenada, y para cerrarla pondríamos . Lo mismo se aplica a cualquier etiqueta HTML y es uno de los errores mas corrientes. Márcatelo a fuego.

    Volviendo a nuestro tutorial de iniciación, y aplicando lo anterior, hacer una lista es tan sencillo como esto …

    Lista Ordenada

    El código a utilizar sería algo así:

    Y lo que obtienes es esto:

    1. Primer elemento
    2. Segundo elemento
    3. ….

    Lista sin orden

    El código a utilizar sería algo así:

    Y lo que obtienes es esto:

    • Primer elemento
    • Segundo elemento
    • ….

    Como puedes ver es muy sencillo, y te permitirá añadir listas allí donde quieras. Combinando estas tags con las de enlaces o imágenes puedes añadir listas de enlaces, imágenes, casi lo que quieras.

    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 (1 votos, promedio: 1,00 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

    Pin It on Pinterest