Muestra una galería de imágenes en un diseño personalizable.

Agrega secciones de galería a tus páginas para mostrar conjuntos de imágenes en diseños llamativos en lugar de añadir varios bloques de imagen a una sección de bloques.

Las secciones de galería son ideales para mostrar imágenes con descripciones breves. Si necesitas una forma similar de mostrar otros tipos de contenido, como grandes cantidades de texto con botones, usa una sección de diseño inteligente. Para obtener más información sobre las diferencias entre estas secciones, visita Diseños inteligentes vs. secciones de galería.

Esta guía se refiere a la versión 7.1.. Si quieres lograr un efecto similar en la versión 7.0, usa las páginas de galería o los bloques de galería.

Mira el video

Añadir una sección de galería

Para crear una página nueva con una sección de galería:

1. Abre el panel de Páginas y haz clic en +.
2. En el menú, haz clic en Diseños de página y, luego, en Galería para elegir un diseño. Puedes cambiarlo después.
3. Agrega un título de página y presiona Enter.
4. En la página, haz clic en Editar.
5. Haz clic en el icono de la imagen para añadir y editar imágenes.
6. Presiona el icono del lápiz para modificar el estilo de la sección de galería.
7. Haz clic en Guardar para guardar tus cambios y seguir editando, o haz clic en Salir y luego en Guardar para cerrar el editor y publicar tus cambios.

También puedes agregar una sección de galería en una página existente de tu sitio:

1. En la página, haz clic en Editar.
2. Haz clic en Añadir sección arriba o debajo de una sección actual.
3. Haz clic en Imágenes y elige un diseño con un distintivo i en la esquina superior derecha.

Si una sección de galería es la primera de una página, puede afectar a la forma en que aparece el encabezado del sitio. Para obtener más información, visita Crear un encabezado para el sitio.

Diseños de las secciones de la galería

En el menú desplegable Tipo de Galería, puedes seleccionar entre los siguientes tipos de diseño:

• Cuadrícula: Simple: una cuadrícula de imágenes en filas y columnas iguales.
• Cuadrícula: Tiras: una cuadrícula en la que se muestran tiras de imágenes de diferentes tamaños en cada fila.
• Cuadrícula: Mosaico. Una cuadrícula donde las imágenes con relaciones de aspecto aparecen con un diseño escalonado
• Diapositivas: Simple: una presentación de diapositivas que muestra una imagen por vez y el único diseño con la opción de habilitar imágenes en miniatura
• Diapositivas: Completa: una presentación de diapositivas sin bordes que muestra una imagen a la vez.
• Diapositivas: Carrete: una presentación de diapositivas donde se muestran varias imágenes a la vez, como en un carrete de película.

Consejo: Para configurar la transición automática de imágenes, elige el diseño Diapositivas: Simple o Diapositivas: Completa y activa el botón de activación de reproducción automática. Para establecer el tiempo entre cada transición de imagen, cambia la duración de la diapositiva.

Para saber cómo aparece cada diseño en los dispositivos móviles, visita ¿Cómo aparecerá mi sitio en dispositivos móviles?

Añadir imágenes a la galería

Nota: Los cambios en las imágenes de una sección de galería se guardan automáticamente. Cuando agregas, eliminas, editas o reordenas las imágenes de galería, no es posible deshacer ese cambio haciendo clic en la flecha de deshacer o en Descartar cambios. Elimina, vuelve a agregar, editar o reordenar las imágenes manualmente.

Después de añadir una sección de galería, puedes agregarle imágenes:

1. Posiciona el cursor sobre la galería, haz clic en el icono de la imagen y, luego, presiona +.
2. Para añadir imágenes nuevas desde tu dispositivo, presiona Subir imágenes.
3. Para reutilizar imágenes que ya hayas añadido o agregar imágenes de stock, haz clic en Buscar imágenes.

Después de cargar una imagen, puedes hacer lo siguiente:

• Presionar el Editor de imágenes para editar la imagen.
• Ajusta el punto focal. Tal vez no cambie cómo se ve la imagen, según su relación de aspecto y tu configuración de estilos.
• Haz clic y arrastra las imágenes para reordenarlas. No es posible ordenar manualmente las imágenes en el diseño Cuadrícula: mosaico, ya que el orden viene determinado automáticamente por la relación de aspecto de las imágenes.
• Introduce una descripción para agregar una leyenda y un texto alternativo a la imagen.
• Agrega un URL clickthrough en el campo Enlace.
• Elimina la imagen desplazando el cursor sobre ella y haciendo clic en el ícono de la papelera.

Ten en cuenta lo siguiente:

• Puedes agregar hasta 250 imágenes a una sección de galería.
• Actualmente, las secciones de la galería no admiten videos ni URL de enlace profundo de imágenes.
• No es posible añadir bloques a las secciones de galería, pero puedes agregar secciones de bloques arriba o debajo de una sección de galería.

Modificar el estilo de la galería

Para personalizar la galería, puedes cambiar el diseño, los colores y la relación de aspecto, habilitar leyendas y mucho más. Para modificar el estilo de una sección de galería:

1. En la página con la sección de galería, haz clic en Editar.
2. Posiciona el cursor sobre la sección de galería y presiona el icono del lápiz.
3. En la pestaña Galería, cambia el diseño con el menú desplegable Tipo de galería.
4. Debajo de Tipo de galería, haz otros cambios de estilo en el diseño actual, como cambiar el espaciado y la altura de la imagen, habilitar las leyendas, habilitar lightbox o incluir un divisor en la parte inferior de la sección. Estas opciones varían entre los distintos diseños.
5. Presiona la pestaña Colores para elegir un tema cromático.
6. Haz clic en Guardar.

Ten en cuenta lo siguiente:

• Debido al diseño adaptable de Squarespace, los diseños pueden variar en apariencia dependiendo del tamaño del navegador o dispositivo, incluso cuando tienes estilos específicos establecidos. Por ejemplo, puedes establecer el número de columnas que tiene tu galería con la cuadrícula: simple y cuadrícula: diseños de mampostería, pero en ventanas más pequeñas del navegador, la galería puede mostrarse con menos columnas.
• En el diseño Cuadrícula: tiras, el ajuste Altura de fila controla la altura de las primeras filas. La altura cambia en función de factores como el número de imágenes de la galería. Dado que este diseño muestra imágenes a diferentes alturas, normalmente no es posible igualar la altura de cada fila.

Ancho de la sección de galería

La mayoría de los diseños de secciones de galería incluyen una configuración de Ancho en los estilos de Galería. Las opciones de ancho incluyen las siguientes, aunque no todas las opciones están disponibles para cada diseño:

• Sin bordes. Las imágenes en la galería tocan los bordes de la sección por todos los lados
• Completo. Las imágenes de la sección de galería muestran el ancho de la ventana del navegador con márgenes de espacio en blanco según el ajuste de Margen del sitio en estilos del sitio
• Recuadro. Las imágenes de la sección de galería se muestran con un ancho máximo fijo basado en el ajuste Ancho de página (Máx.) en estilos del sitio

Dependiendo de tu configuración y del tamaño del navegador, es posible que las secciones Completo y Recuadro no luzcan distintas. Por ejemplo, si el tamaño de tu navegador es menor que la configuración de Ancho de página (Máx.), Completo y Recuadro mostrarán lo mismo.