Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
Copa WPB
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

Cómo añadir una línea de tiempo al estilo de Facebook en WordPress

Crear una línea de tiempo al estilo Facebook en tu sitio web puede ser visualmente atractivo y atrayente. Te permite mostrar la trayectoria de tu vida, los hitos de tu negocio o la historia de un proyecto en tu sitio web de WordPress.

Para crear páginas o entradas personalizadas suele ser necesario contratar a un desarrollador o utilizar un creador de sitios web. Esto puede llevar mucho tiempo y ser caro, especialmente para las pequeñas empresas. Por suerte, hay una forma más sencilla de hacerlo: utilizando un plugin gratuito.

En WPBeginner, hemos ayudado a miles de usuarios a diseñar sus sitios WordPress. Y hemos probado múltiples plugins para encontrar la solución adecuada para ti. Basándonos en nuestras pruebas, recomendamos usar el plugin gratuito Timeline Block For Gutenberg.

En este artículo, te mostraremos cómo añadir una línea de tiempo estilo Facebook a WordPress sin cambiar tu tema.

How to add a Facebook style timeline in WordPress

Nota: Este tutorial le explicará cómo añadir una línea de tiempo visual a su sitio web con su propia información. Si usted está buscando una manera de crear una línea de tiempo de medios sociales para múltiples usuarios, a continuación, consulte nuestra guía sobre cómo hacer un sitio web de medios sociales.

¿Por qué añadir un Timeline estilo Facebook en WordPress?

Tanto si eres propietario de un negocio, blogger o particular, una línea de tiempo visual puede ser una herramienta valiosa para elevar tu sitio web WordPress.

Un timeline al estilo Facebook puede mejorar significativamente la experiencia de usuario de tu sitio web. Al permitir que los visitantes exploren tu línea de tiempo a su propio ritmo, puedes crear un sitio web más interactivo y fácil de usar.

Añadir una línea de tiempo ayuda a contar historias mientras se crean contenidos. Por ejemplo, puedes presentar visualmente la historia de tu marca, lanzamientos de productos o hitos personales en un formato cautivador y fácil de seguir.

Un timeline al estilo de Facebook también ayuda a compartir la historia de tu marca de forma creativa y memorable, conectando con tu audiencia a un nivel emocional.

Otra ventaja es que favorece la participación de los usuarios y ofrece a los visitantes contenidos interesantes e informativos que les animan a pasar más tiempo en su sitio web.

Dicho esto, veamos cómo puedes añadir fácilmente una línea de tiempo al estilo de Facebook a tu sitio.

Añadir una línea de tiempo estilo Facebook en WordPress

La forma más fácil de crear una línea de tiempo en tu sitio WordPress es usando el plugin Timeline Block For Gutenberg. Este plugin gratuito de WordPress es súper sencillo de usar. No hay configuraciones complejas y puedes realizar toda la personalización en el editor de contenido.

En primer lugar, tendrás que instalar y activar el plugin Timeline Block For Gutenberg. Si necesitas ayuda, consulta nuestra guía sobre cómo instalar un plugin de WordPress.

Tras la activación, sólo tienes que ir a la página o publicación en la que deseas añadir la línea de tiempo al estilo de Facebook.

Cuando estés en el editor de contenidos, haz clic en el signo “+” y añade un “Bloque de línea de tiempo”.

Add timeline block

A continuación, verá una plantilla de línea de tiempo añadida al editor de contenido.

Desde aquí, puedes cambiar la disposición y el diseño de la línea de tiempo desde el panel de configuración de la derecha.

Por ejemplo, el plugin te permite cambiar el diseño de vertical a horizontal y elegir si quieres mostrar la línea de tiempo en ambos lados o sólo en uno.

Change timeline settings

Si vas a la pestaña “Estilo” del panel de configuración, tendrás opciones para cambiar el aspecto de tu línea de tiempo.

Por ejemplo, hay opciones para editar la tipografía, el color del texto y el espaciado inferior del título y la descripción de la historia.

Change the style of timeline

También puedes encontrar más opciones de personalización en la pestaña “Avanzado”.

El plugin le permite cambiar el color de la línea, el color del icono, el fondo del icono, el espaciado entre elementos, el tamaño de la caja del icono, el relleno del contenedor y mucho más.

Change advanced settings for timeline

A continuación, puedes editar el texto y las imágenes de la línea de tiempo.

Por defecto, el plugin añadirá texto e imágenes ficticios. Basta con hacer clic en ellos para empezar a editar.

Por ejemplo, si desea cambiar la imagen, sólo tiene que seleccionarla y hacer clic en la opción “Reemplazar”. Puede cargar una imagen nueva o seleccionar una ya existente.

Change the image and text in the timeline

Del mismo modo, también puedes hacer clic en el texto y sustituirlo por tu contenido en la línea de tiempo.

A continuación, si necesitas añadir más historias a tu cronología, sólo tienes que hacer clic en el botón “+ Añadir historia” e introducir una imagen y un texto.

Add more story and publish

Cuando hayas terminado, haz clic en el botón “Publicar”.

Ahora, puede visitar su sitio web para ver la línea de tiempo al estilo Facebook en acción.

Timeline preview

Recursos adicionales sobre la creación de líneas de tiempo en WordPress

Aquí tienes más guías útiles para crear diferentes tipos de líneas de tiempo y mejorar la experiencia de usuario de tu sitio:

Esperamos que este artículo te haya ayudado a añadir un timeline estilo Facebook a tu sitio WordPress. También puedes consultar nuestra guía sobre cómo crear un sitio de reseñas en WordPress y nuestra selección de los mejores plugins de WordPress para portafolios de diseñadores y fotógrafos.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

Descargo: Nuestro contenido está apoyado por los lectores. Esto significa que si hace clic en algunos de nuestros enlaces, podemos ganar una comisión. Vea cómo se financia WPBeginner , por qué es importante, y cómo puede apoyarnos. Aquí está nuestro proceso editorial .

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

El último kit de herramientas de WordPress

Obtenga acceso GRATUITO a nuestro kit de herramientas - una colección de productos y recursos relacionados con WordPress que todo profesional debería tener!

Reader Interactions

2 comentariosDeja una respuesta

  1. Preetam Kumar Patel

    How to add data in timeline from front end .Means data will be enter from a webpage (like result of a student) and it will be shown in the the time line in defferent page.

  2. Steve

    Why can I not comment or see comments of those who go to our site? Also, why are the pictures not showing up by my posts?

Deja tu comentario

Gracias por elegir dejar un comentario. Tenga en cuenta que todos los comentarios son moderados de acuerdo con nuestros política de comentarios, y su dirección de correo electrónico NO será publicada. Por favor, NO utilice palabras clave en el campo de nombre. Tengamos una conversación personal y significativa.