Cronograma

La historia, el progreso y las hojas de ruta tienen que ver con la secuencia -ñan, pero enumerar eventos en viñetas pierde la narrativa. El elemento de línea de tiempo de complementos maestros da vida a la secuencia. Elija crear una línea de tiempo personalizada con hitos hechos a mano o generar una línea de tiempo posterior automáticamente desde su blog. Muestrelo como una línea de tiempo vertical clásica o un carrusel horizontal moderno. Estilee cada componente: la línea central, marcadores de fecha, tarjetas de contenido y navegación. Perfecto para historias de empresas, hojas de ruta de proyectos, viajes biográficos o para mostrar el archivo de su blog de una manera visualmente convincente. No se limite a contarle a la gente lo que sucedió y mostrarle el viaje.

Cronología de publicaciones personalizadas o dinámicas

Cronología de publicaciones personalizadas o dinámicas

Comience eligiendo la fuente de su línea de tiempo. Para un control creativo total, seleccione Línea de tiempo personalizada. Agregue elementos manualmente, cada uno con su propia fecha, título, contenido enriquecido (texto, medios) y un enlace opcional. Para una línea de tiempo dinámica y de actualización automática, elija Línea de tiempo de publicación. Crea automáticamente hitos a partir de las publicaciones de su blog, utilizando la fecha de publicación como punto de la línea de tiempo. Filtre publicaciones por categoría, etiqueta o autor y controle el pedido y el número que se muestra. Esta flexibilidad le permite crear cualquier cosa, desde una página de historial personal hasta un feed de blog dinámico “Nuestra historia”.

  • Cronología personalizada: cree una cronología personalizada con control total sobre cada fecha, título, descripción e imagen.
  • Generación automática: utilice Post Timeline para transformar el archivo de su blog en una historia cronológica visual.
  • Filtrado de publicaciones inteligente: para líneas de tiempo de publicaciones, incluya o excluya publicaciones por categoría, etiqueta, autor o ID de publicaciones específicas.
  • Tarjetas de contenido enriquecido: agregue texto, imágenes y enlaces formateados a cada elemento de la línea de tiempo, ya sea manual o desde una publicación.

Diseños verticales y horizontales con carrusel

Presente su línea de tiempo en la orientación que se adapte a su página. La línea de tiempo vertical clásica apila elementos cuidadosamente en una columna, perfecta para barras laterales o páginas de historias de formato largo. Para una visualización interactiva más atractiva, utilice la línea de tiempo horizontal (carrusel). Esto convierte su línea de tiempo en un carrusel elegante y desplazable con flechas de navegación configurables. Controle el espacio horizontal y vertical entre elementos y ajuste la alineación del contenido dentro de cada tarjeta. Esto garantiza que su línea de tiempo no sea solo informativa, sino también una parte dinámica del diseño de la página.

  • Elección de orientación: elija un diseño vertical tradicional o un estilo de carrusel horizontal moderno.
  • Carrusel interactivo: para líneas de tiempo horizontales, habilite el desplazamiento fluido, las flechas de navegación y el comportamiento de desplazamiento de control.
  • Control de diseño preciso: ajuste la separación, el espaciado y la alineación de elementos (izquierda, centro) para un posicionamiento perfecto en píxeles.
  • Ahorro de espacio: el carrusel horizontal es ideal para secciones de héroes o áreas con espacio vertical limitado.
Diseños verticales y horizontales con carrusel
Estilismo completo de línea central y puntos

Estilismo completo de línea central y puntos

La línea central y los puntos son los anclajes visuales icónicos. Estilee la línea misma (su color, grosor y estilo). Luego, diseñe los puntos (o íconos) que marcan cada evento en la línea. Elija el tipo (puntos simples o iconos personalizados). Estilee para obtener estados predeterminados, flotantes y enfocados, cambiando su tamaño, color de fondo y color de puntos. Incluso puede agregar una sombra de texto para mayor profundidad. Esto convierte el esqueleto de la línea de tiempo de un simple divisor a un elemento gráfico diseñado.

  • Diseño de línea central: personaliza el color y el estilo de la línea de conexión de la línea de tiempo.
  • Puntos interactivos: diseñe los marcadores con tres estados (normal, flotante, enfocado) para obtener una respuesta de interacción clara.
  • Elección de icono o punto: utilice puntos simples o seleccione cualquier icono de la biblioteca como marcadores de línea de tiempo.
  • Jerarquía visual: agranda el punto activo o flotante o hazlo de un color diferente para llamar la atención.

Estilismo de tarjetas y fechas con animaciones

Haga de la tarjeta de cada evento una mini obra maestra. Estilee el contenedor de tarjetas: establezca el color de fondo, el radio del borde, el relleno, el margen y una sombra de caja para mayor profundidad. Habilite las tarjetas animadas para obtener efectos de entrada fluidos. Por separado, diseñe las etiquetas de fecha con su propia tipografía, color y espaciado. Diseñe estos elementos para el estado predeterminado, flotante y enfocado importante (cuando una tarjeta esté activa/centrada). Esto garantiza que cada hito sea visualmente distinto y placentero para interactuar.

  • Diseño de contenedor de tarjetas: diseñe el fondo, los bordes, las sombras y el espacio de cada tarjeta de artículo de la línea de tiempo.
  • Estilo de etiqueta de fecha: proporcione al texto de la fecha su propio color, fuente y sombra, aparte del contenido de la tarjeta.
  • Control de triple estado: defina estilos únicos para cuando una carta está normal, suspendida o en vista enfocada.
  • Animaciones suaves: agregue animaciones de entrada sutiles a las tarjetas a medida que aparecen a la vista.
Estilismo de tarjetas y fechas con animaciones
Visor de plantillas
Facebook
Gorjeo
WhatsApp
Copiar enlace
Compra ahora
Post cronología
Post cronología
Hitos
Hitos
Registro de cambios oscuro
Registro de cambios oscuro
Hoja de ruta horizontal
Hoja de ruta horizontal
Publicar blog de cronología
Publicar blog de cronología
Imágenes de estudio de caso
Imágenes de estudio de caso
Pasos superpuestos
Pasos superpuestos
Agenda de eventos
Agenda de eventos

Preguntas frecuentes sobre el cronograma

Conozca las consultas más solicitadas que tienen los usuarios sobre Timeline y encuentre respuestas en un solo lugar.
¿debo utilizar la línea de tiempo posterior o la línea de tiempo personalizada?

Utilice Post Timeline si desea una línea de tiempo automatizada y siempre actualizada basada en las publicaciones de su blog (ideal para “Actualizaciones de la empresa” o “Historial de noticias”).

Utilice la línea de tiempo personalizada si necesita control total sobre fechas, contenido e imágenes para una historia fija (perfecta para “Nuestra historia”, “Biografía” o “Hoja de ruta del proyecto”).

El estado enfocado es particularmente útil en líneas de tiempo horizontales (carrusel). Aplica un estilo especial a la tarjeta que actualmente está centrada o activa en la vista, ayudándola a destacarse visualmente. Puedes agrandarlo, cambiar su fondo o agregar una sombra para indicar que es el elemento principal a la vista.

¿la línea de tiempo responde en dispositivos móviles?

Sí. Las líneas de tiempo verticales se acumularán de forma natural. Los carruseles de líneas de tiempo horizontales se podrán desplazar al tacto en dispositivos móviles y las flechas de navegación se ajustarán o se podrán ocultar. Los diseños de tarjetas, el texto y las imágenes cambiarán de tamaño adecuadamente para pantallas pequeñas.

Sí. En la configuración del elemento Línea de tiempo personalizada, puede agregar un enlace. Habilite la opción para vincular toda la tarjeta. Para Post Timelines, puede habilitar enlaces a nivel de tarjeta, haciendo que cada tarjeta pueda hacer clic en su única publicación. Tenga cuidado de no tener otros enlaces dentro de la tarjeta si habilita esto.

Widgets y extensiones de Elementor de tendencia

Cree sitios web sofisticados en menos tiempo.

Elemento Glassmorphism para Elementor de Master Addons

Vidriomorfismo

Inicio Glassmorphism es la tendencia de diseño que le da a su sitio web un aspecto suave, translúcido y moderno...
Ver detalles
Extiéndalo más allá del ancho máximo

Extras de contenedores

Inicio ¿Estás cansado de que tus impresionantes diseños se limiten a límites rígidos de contenedores? Extras de contenedores por...
Ver detalles
Extensión de patrón

Patrones

Inicio Transforme contenedores planos y estáticos en elementos de diseño visualmente atractivos con los patrones de complementos maestros...
Ver detalles
Réplicas exactas en una sola acción

Duplicador de publicaciones/páginas

Inicio Optimice su flujo de trabajo y elimine la configuración repetitiva con el duplicador de páginas/publicaciones de complementos maestros. Esto...
Ver detalles
Extensión de la barra de progreso de lectura

Barra de progreso de lectura

Inicio ¿Alguna vez has empezado a leer un artículo largo y te preguntas cuánto queda? Entonces hazlo...
Ver detalles
Oferta de septiembre

40% fuera de todo

Cada plan Master Addons Pro, anual y de por vida. Un código, ocho días.

00días
00horas
00min
00sec

Finaliza el lunes 14 de septiembre a las 23:59 ET

  • Personal1 sitio $129$77
  • Negocio5 sitios $199$119
  • DesarrolladorSitios ilimitadosLo mejor para agencias $599$359

Paga una vez. Ninguna renovación, jamás.

Código de cupón MALIFE40
Obtenga 40% de descuento ahora
  • Más de 30.000 instalaciones activas
  • 4,5/5 de 212 reseñas
  • Devolución de dinero de 14 días