Agregar elementos visuales como líneas de tiempo a tu sitio solía significar horas de codificación personalizada o contratar desarrolladores caros. Por eso nos entusiasmó descubrir un plugin que te permite agregar una línea de tiempo estilo Facebook a tu sitio en minutos.
Si deseas mostrar el viaje de tu vida, hitos de negocios, historial de proyectos o cualquier otra cosa, este plugin gratuito te permite diseñar una línea de tiempo atractiva e interactiva sin tener que escribir una sola línea de código, o contratar desarrolladores caros.
Este método funciona con cualquier tema de WordPress y podrás configurarlo en solo unos minutos. Te guiaremos a través de todo el proceso, tal como lo hemos hecho para innumerables usuarios de WordPress que querían hacer sus sitios más atractivos.

Nota: Este tutorial explicará cómo agregar una línea de tiempo visual a tu sitio web con tu propia información. Si buscas una forma de crear una línea de tiempo de redes sociales para varios usuarios, consulta nuestra guía sobre cómo crear un sitio web de redes sociales.
¿Por qué agregar una línea de tiempo estilo Facebook en WordPress?
Ya seas propietario de un negocio, blogger, sin fines de lucro, o cualquier otra cosa, una línea de tiempo visual puede ser una herramienta valiosa para mejorar tu sitio web de WordPress
Piensa en lo fácil y atractivo que es desplazarse por una línea de tiempo en Facebook. Puedes llevar esa misma experiencia de usuario a tu propio sitio web. Permitir que los visitantes exploren tu línea de tiempo a su propio ritmo hace que tu sitio sea más interactivo y fácil de usar.
Agregar una línea de tiempo también es una forma fantástica de contar historias con tu contenido. Por ejemplo, si tienes un sitio web de negocios, podrías mostrar visualmente la historia de tu marca, cuándo lanzaste nuevos productos o hitos importantes que has alcanzado. Es una forma cautivadora y sencilla para que la gente siga el hilo.
Una línea de tiempo al estilo de Facebook también ayuda a compartir la historia de tu marca de una manera creativa y memorable, conectando con tu audiencia a un nivel emocional.
Otra gran ventaja es que mantiene a los visitantes interesados. Al darles contenido interesante e informativo en formato de línea de tiempo, puedes animar a los visitantes a permanecer más tiempo en tu sitio web de WordPress.
Dicho esto, veamos cómo puedes agregar fácilmente una línea de tiempo al estilo de Facebook a tu blog o sitio web de WordPress.
Agregar una línea de tiempo al estilo de Facebook en WordPress
La forma más fácil de crear una línea de tiempo en tu sitio de WordPress es usando el plugin Timeline Block For Gutenberg. Este plugin gratuito de WordPress es súper simple de usar. No tendrás que lidiar con configuraciones complicadas y podrás hacer toda la personalización directamente en el editor de contenido de WordPress.
Primero, necesitarás instalar y activar el plugin Timeline Block For Gutenberg. Si necesitas ayuda, consulta nuestra guía sobre cómo instalar un plugin de WordPress.
Una vez que el plugin esté activado, simplemente ve a la página o publicación donde deseas agregar tu línea de tiempo estilo Facebook.
Cuando estés en el editor de contenido, simplemente haz clic en el signo ‘+’ y agrega un ‘Bloque de Línea de Tiempo’.

A continuación, verás una plantilla de línea de tiempo agregada al editor de contenido.
Desde aquí, puedes cambiar el diseño y la apariencia de la línea de tiempo desde el panel de configuración a la derecha.
Por ejemplo, el plugin te permite cambiar el diseño de vertical a horizontal y elegir si deseas mostrar la línea de tiempo en ambos lados o solo en uno.

Si cambias a la pestaña ‘Estilo’ en el panel de configuración, obtendrás opciones para cambiar la apariencia de tu línea de tiempo.
Por ejemplo, hay opciones para editar la tipografía, el color del texto y el espaciado inferior para el encabezado y la descripción de la historia.

También puedes encontrar más opciones de personalización en la pestaña ‘Avanzado’.
El plugin te permite cambiar el color de la línea, el color del ícono, el fondo del ícono, el espaciado entre elementos, el tamaño de la caja del ícono, el relleno del contenedor y mucho más.

A continuación, puedes editar el texto y las imágenes en la línea de tiempo.
Por defecto, el plugin agregará texto e imágenes de relleno. Simplemente puedes hacer clic en ellos para comenzar a editar.
Por ejemplo, si deseas cambiar la imagen, simplemente selecciónala y luego haz clic en la opción ‘Reemplazar’. Puedes subir una nueva imagen, seleccionar una imagen existente o incluso hacer algo avanzado como usar IA para generar imágenes.

De manera similar, también puedes hacer clic en el texto y reemplazarlo con tu contenido en la línea de tiempo.
A continuación, si necesitas agregar más historias a tu línea de tiempo, simplemente puedes hacer clic en el botón ‘+ Agregar Historia’ e ingresar una imagen y texto.

Cuando hayas terminado, haz clic en el botón ‘Publicar’.
Ahora, puedes visitar tu sitio web para ver la línea de tiempo estilo Facebook en acción.

Recursos Adicionales sobre la Creación de Líneas de Tiempo en WordPress
Aquí tienes algunas guías más útiles sobre cómo crear diferentes tipos de líneas de tiempo y mejorar la experiencia de usuario de tu sitio:
- Cómo Mostrar Tu Línea de Tiempo de Facebook en WordPress
- Cómo agregar líneas de tiempo de eventos atractivas en WordPress
- Cómo crear una fuente personalizada de Facebook en WordPress
- Los Mejores Constructores de Sitios Web para Pequeñas Empresas (Probados y Comparados)
- Cómo crear un sitio web de redes sociales (Guía para principiantes)
Esperamos que este artículo te haya ayudado a agregar una línea de tiempo al estilo de Facebook a tu sitio de WordPress. También puedes consultar nuestra guía sobre cómo crear un sitio de reseñas de nicho en WordPress y nuestra selección experta de los mejores plugins de portafolio de WordPress para diseñadores y fotógrafos.
Si te gustó este artículo, suscríbete a nuestro canal de YouTube para obtener tutoriales en video de WordPress. También puedes encontrarnos en Twitter y Facebook.

Preetam Kumar Patel
Cómo agregar datos en la línea de tiempo desde el front end. Es decir, los datos se ingresarán desde una página web (como el resultado de un estudiante) y se mostrarán en la línea de tiempo en una página diferente.
Steve
¿Por qué no puedo comentar ni ver los comentarios de quienes visitan mi sitio? Además, ¿por qué no se muestran las imágenes junto a mis publicaciones?