WordPress Directo
  • Tutoriales
  • Plugins
  • Plantillas
  • Optimización
  • SEO
  • WordPress Hosting
No Result
View All Result
WordPress Directo
  • Tutoriales
  • Plugins
  • Plantillas
  • Optimización
  • SEO
  • WordPress Hosting
No Result
View All Result
WordPress Directo
No Result
View All Result

Cómo añadir elegantes timelines en WordPress

Jorge López by Jorge López
24 noviembre 2022
in Plugins
Reading Time: 5 mins read
1

Una línea de tiempo o timeline, es una una representación visual del tiempo como una línea vertical. Es ampliamente utilizada en infografías y en páginas como quiénes somos. En este artículo te enseñamos como crear timelines en WordPress de una manera sencilla.

Cada vez más, los timelines son más frecuentes en el diseño web, y por supuesto WordPress no iba a ser una excepción. Solemos verlos en infografías representados como una línea vertical en la que, a cada tramo, se referencia un hecho en el tiempo mediante texto, imágenes, vídeos o cualquier otro elemento decorativo. Pero ya no solo ahí, sino que webs de grandes corporaciones añaden estos timelines en su página de quiénes somos para representar, de manera más gráfica, la historia de la empresa, haciendo hincapié en los puntos más importantes desde su nacimiento hasta el día de hoy.

¿Porqué se hace esto en vez de mostrarlo de una manera más clásica? Muy sencillo, uno de los mayores handicaps del diseño web es sorprender al usuario con controles que mejoren su experiencia en cuanto a la navegación. Los timelines proporcionan una experiencia al usuario visualmente atractiva y altamente interactiva, haciendoles partícipes en la navegación.

como-anadir-elegantes-timelines-en-wordpress-1

Pero no solo quedan ahí los ejemplos para implementar timelines en WordPress. Todo depende de tu imaginación. Por ejemplo, pongamos que cuentas con un blog de viajes en el que narras tus aventuras alrededor del mundo. Para llevar una buena cuenta de tus viajes, es una muy buena idea mostrar una linea de tiempo por años en la que, a cada tramo, se muestren imágenes que tomaste en los sitios que visitaste en ese año. O por ejemplo, imaginemos que vas a implementar una web de eventos con WordPress. No estaría mal informar a tus usuarios de las actividades acaecidas en tu evento mediante una timeline con tramos por horas. Como te hemos comentado, las posibilidades son infinitas. Solo tú pones el límite.

Artículos relacionados

Los plugins más populares para tu WordPress

30 marzo 2013

10 pasos para conseguir un admin profesional en WordPress (I)

28 enero 2016

Cómo eliminar los tamaños de imagen predeterminados en WordPress y optimizar el rendimiento del sitio

2 abril 2025

Aprovecha al máximo Elementor con importantes descuentos este Black Friday

22 noviembre 2022

Cómo añadir timelines en WordPress

Si quieres añadir timelines en WordPress tendrás que hacer uso del plugin Timeline Express. Para ello, ve a la sección Plugins del backoffice de WordPress y selecciona la opción Añadir Nuevo. Allí verás un campo de búsqueda situado en la zona superior derecha de la pantalla. Introduce el nombre del módulo, que en este caso es «Timeline Express», y dale al botón Buscar. Si has seguido todos los pasos, el módulo mencionado anteriormente te tendría que aparecer en los primeros resultados de la búsqueda. Instálalo y actívalo.

Una vez hecho esto, se te mostrará una landing page del propio plugin de WordPress. Para crear un timeline tendrás que hacer uso de la nueva sección que aparece ahora en el menú de tu backoffice de WordPress, llamada Timeline Express, la cual tiene un icono de un cohete. Una vez dentro, vamos a añadir un nuevo hito en nuestro timeline haciendo clic en la opción «New Announcement».

como-anadir-elegantes-timelines-en-wordpress-2

Aqui podremos dar de alta hitos en nuestro timeline. Para ello insertaremos el nombre que queramos que aparezca, el color del icono, el propio icono escogido de la librería de Font Awesome, la fecha del hito que estamos introduciendo, una imagen representativa y ya, en el cuerpo del contenido, en el propio editor que utilizamos para redactar nuestras entradas y páginas, podemos escribir una breve descripción de lo que ocurrió. Además también se nos da la opción de incluir vídeos, insertándolos a través del editor WYSIWYG. Una vez lo tengamos completo, lo publicamos. Así respectivamente con todos los hechos que queramos mostrar en nuestra línea de tiempo. Ve añadiendo hasta que esta quede completa.

Cómo mostrar la línea de tiempo en WordPress

Para mostrar la línea de tiempo, el plugin Timeline Express pone a nuestra disposición un shortcode que podemos incluir en cualquier contenido de nuestra página web desarrollada con WordPress. Como por ejemplo, una entrada o una página. Así pues, si tienes claro el contenido donde vas a introducir el timeline, edítalo y pega este shortcode donde quieras mostrarlo:

[timeline-express]

Ahora, guarda el contenido y revísalo en la parte pública para ver si se muestra correctamente.

como-anadir-elegantes-timelines-en-wordpress

Como puedes ver, este plugin genera una línea de tiempo elegante y muy usable. Los hitos están enlazados hacia su propia página de contenidos, haciendo que  el propio timeline se convierta así en un árbol de enlaces si así lo preferimos. Además, cuenta con unas animaciones muy simpáticas que ayudan a entender mejor la progresión de esta línea temporal. Una solución sencilla y original para mostrar la información de una forma que se sale de lo establecido.

Esperamos que este artículo te haya gustado y sepas aplicar las líneas de tiempo en los proyectos que así lo requieran. A nosotros nos ha gustado mucho este plugin, lo hemos visto muy práctico y muy elegante. ¿Y a ti? ¿Te gustan las líneas temporales? ¿Le encuentras utilidad a este plugin dentro de las zonas de tu página web? Indícanoslo en los comentarios…

Tags: crear timelinescrear timelines en WordPressimplementar timeline en WordPresstimelinestimelines en WordPress
ShareTweetSendSharePin
Jorge López

Jorge López

Soy programador web y me gusta mucho el diseño gráfico, la fotografía y todo lo relacionado con las nuevas tecnologías. En mis ratos libres me encanta dibujar y escuchar música. ¡No podría vivir sin ella! Aparte soy un friki de las series...las devoro

Te puede interesar...

Plugins

El método CiteMET: cómo influir en ChatGPT y Perplexity para ganar tráfico y citaciones

3 julio 2025

Un innovador enfoque de optimización para motores de inteligencia artificial está transformando el marketing...

Plugins

David Carrero lanza su primer plugin WordPress: «Read More Universal», compatible con más de 20 temas populares

24 junio 2025

Ligero, sin configuración y multilingüe, el nuevo plugin se adapta automáticamente a Twenty Twenty-Five,...

Noticias

Elementor celebra su noveno aniversario con descuentos de hasta el 75 % en toda su plataforma

22 junio 2025

La popular herramienta de creación web para WordPress lanza una campaña especial con importantes...

Plugins

WP Cerber: Un plugin de seguridad gratuito y potente para proteger WordPress

18 junio 2025

En el ecosistema de WordPress, la seguridad es una preocupación fundamental para cualquier administrador...

Comments 1

  1. Dan Briggs says:
    9 años ago

    Hola,
    intento hacer un timeline con eventos de mi família pero cuando intento visualizar la página aparece en blanco. Los eventos son de hace muchos años, ¿no se si puede ser la causa?

    Gracias

No Result
View All Result
Plugin Imagify, optimizar imágenes
wordpress hosting NVME
Elegant Themes WordPress
elementor editor plugin




Últimos artículos

Cómo utilizar las imágenes de Unsplash directamente en WordPress

22 julio 2020

Estrategias efectivas contra el spam en comentarios: La técnica honeypot en WordPress

18 diciembre 2024

Las mejores plantillas minimalistas de WordPress

11 enero 2016

Cómo saber el nombre del theme de WordPress de una web existente

1 febrero 2017

6 cosas que me molestan de WordPress y cómo abordarlas

20 junio 2019
WordPress Directo

WPDirecto.com es una revista especializada en WordPress y WooCommerce que ofrece una amplia gama de recursos, incluyendo tutoriales, análisis de plugins y plantillas, consejos de optimización y estrategias de SEO, para ayudar a los usuarios a mejorar y personalizar sus sitios web, manteniéndolos informados sobre las últimas novedades y tendencias en el mundo de WordPress.

Menu

  • Tutoriales
  • Plugins
  • Plantillas
  • Optimización
  • SEO
  • WordPress Hosting

Información

WPDirecto es un medio de Medios y Redes:
  • Artículos patrocinados
  • Servicio de diseño web
  • Contacto
  • Acerca de MyR
  • Política de privacidad y cookies
  • Aviso Legal

© 1995-2025 Color Vivo Internet, SLU (Medios y Redes Online).. Otros contenidos se cita fuente. Infraestructura cloud servidores dedicados de Stackscale.

No Result
View All Result
  • Tutoriales
  • Plugins
  • Plantillas
  • Optimización
  • SEO
  • WordPress Hosting

© 1995-2025 Color Vivo Internet, SLU (Medios y Redes Online).. Otros contenidos se cita fuente. Infraestructura cloud servidores dedicados de Stackscale.