Bloques de calendario

Extrae eventos u otros elementos de la colección de las páginas de colección para mostrarlos en formato de calendario.

Última actualización: 11 de febrero de 2025

Usa bloques de calendario para crear calendarios que muestren los eventos de las páginas de eventos en otras áreas de tu sitio. Los bloques de calendario también pueden mostrar otros elementos de la colección.

Mira el video

Antes de comenzar

Los bloques de calendario no admiten reservas. Para reservar, recomendamos utilizar bloques de reserva de citas.

 Agregar el bloque de calendario

Para agregar un bloque de calendario:

  1. Edita una página o una publicación, haz clic en Agregar bloque o en un punto de inserción y, a continuación, presiona Calendario. Para obtener ayuda, visita Agregar contenido con bloques.
  2. Abre el editor de bloques presionando el ícono del lápiz en el bloque.
  3. Elige una página de colección para mostrar el contenido. Los bloques de calendario solo pueden mostrar contenido de una página de colección. Si tu sitio está en la versión 7.0, haz clic en Aplicar para publicar los cambios.

 Vista del bloque de calendario

 Los bloques de calendario pueden mostrar elementos de las siguientes colecciones

  • Eventos: enlaces a eventos pasados y futuros. Muestra el título y la hora del evento, y la imagen destacada. Los bloques de calendario están optimizados para su uso con páginas de eventos.
  • Blog: enlaces a entradas de blog por fecha de publicación. Muestra el título de la publicación y la imagen destacada.
  • Productos: enlaces a productos por fecha de publicación. Muestra el nombre, la descripción y la imagen destacada del producto.
  • Album (versión 7.0): vincula a las pistas del álbum por fecha de publicación. Muestra el título de la pista.
  • Galería (versión 7.0): vincula a imágenes por fecha de publicación. Muestra el título de la imagen.

Para obtener la mejor visualización, recomendamos agregar extractos e imágenes destacadas a cada elemento de la colección que se muestra en los bloques de calendario.

Ten en cuenta lo siguiente:

  • Los Fragmentos de los elementos aparecen cuando se posiciona el cursor sobre ellos.
  • Las imágenes destacadas se muestran recortadas para ajustarse al área cuadrada de la fecha del calendario determinada.
  • Las fechas sin elementos aparecen en color gris o del mismo color que el fondo del sitio, según el tamaño de tu bloque. Los bloques de calendario no tienen sus propios ajustes de estilo.
  • Si un evento debe finalizar a medianoche, el bloque de calendario mostrará el evento en ambos días. Para que solo aparezca en el primer día, ajusta la hora de finalización a las 11:59 p. m. en la página del evento vinculada.
  • Las entradas de blog programadas para publicación futura no aparecerán en los bloques de calendario, pero los próximos eventos sí.

Funciones interactivas

Los bloques de calendario se cargan con el mes actual que se muestra e incluyen funciones interactivas para ayudar a los visitantes a navegar y ver los detalles:

  • Los controles de flecha aparecen automáticamente en la parte superior para navegar por mes.
  • Hacer clic en cualquier fecha que tenga un elemento abrirá la página original de ese elemento.
  • Si hay varios elementos que suceden en la misma fecha, aparece la hora y el título de cada uno en la misma casilla. La altura de la semana se expande automáticamente para mostrar otros elementos.
  • En el caso de varios elementos en una fecha determinada, las imágenes destacadas de los elementos individuales no se mostrarán.

Diseño adaptable

Los bloques de calendario se ajustan al tamaño de la página cuando se los ve en una pantalla más pequeña. Puedes cambiar el tamaño de los bloques para que se adapten a otros contenidos de la página. 

  • Cuando el ancho del bloque es inferior a 600 píxeles, se muestran los títulos, las horas de los eventos y los extractos, pero no las imágenes destacadas.
  • Si el ancho del bloque es menor de 300 píxeles, solo aparecen los títulos.
Footer Image
  • Recibe ayuda de nuestra comunidad

  • Recibe la ayuda de nuestra comunidad para personalizaciones avanzadas.

  • Contrata a un Squarespace Expert

  • Destácate en línea con la ayuda de un diseñador o desarrollador con experiencia.