Fundamentos del bloque galería en squarespace

Cuando se agrega un bloque galería en Squarespace, se puede añadir rápidamente múltiples imágenes a la vez y ajustar el diseño de la galería para crear galerías agradables y sencillas para los visitantes del sitio.

El cuadro de diálogo Editar Galería tiene dos fichas en la esquina superior derecha para configurar los bloques galería:

  • Diseño: Elegir entre cuatro opciones de pantalla: Presentación de diapositivas, Slider, cuadrícula, y se apilan. Cada uno ofrece diferentes opciones para la visualización de imágenes de la galería.

  • Contenido: Añadir imágenes a la galería de bloque mediante la subida de imágenes desde su ordenador o tirando de las imágenes de una página de la galería.

Antes de examinar las diferentes opciones de visualización en más detalle, vamos a añadir imágenes a la galería de bloque.

Cómo cargar imágenes en el bloque de la galería

Al igual que en otras áreas de carga de imágenes de su sitio Squarespace, se puede subir imágenes a la galería bloque de dos maneras. Haga clic en el signo más para abrir un cuadro de diálogo del sistema para localizar las imágenes en el ordenador, o arrastrar y soltar imágenes en el área de carga de imágenes de la galería de bloque.

Después de subir imágenes, haga doble clic en una imagen o haga clic en el icono de engranaje que aparece cuando se pasa el cursor sobre la miniatura de la imagen. Aparecerán los siguientes ajustes:

  • Título: Dar la imagen de un título.

  • Descripción: Añadir una breve descripción acerca de la imagen.

  • URL de destino: Añadir un enlace a su imagen para permitir que alguien haga clic en la imagen para abrir una página o un archivo en su sitio o ir a otro sitio web.

Squarespace utiliza el título de la imagen para agregar texto alternativo para la imagen. Los motores de búsqueda usan este texto para obtener información descriptiva sobre la imagen, el aumento de su optimización de motores de búsqueda.

Cómo tirar de imágenes de una página Galería

Un método alternativo de obtener imágenes en su bloque galería es para tirar de ellos a partir de una página de la galería en su sitio. Al mostrar las imágenes de una página de la galería, no se puede modificar o configurar las imágenes desde dentro del bloque galería. En su lugar, debe realizar los cambios en la página de la galería.

¿Cómo elegir una opción de visualización

Ahora que tiene imágenes en el bloque de la galería, es necesario configurar el bloque galería para mostrar las imágenes. Cuatro opciones de visualización disponibles:

Diapositivas

  • deslizador

  • Cuadrícula

  • apilada

  • Veamos cada uno de ellos con más detalle.

    Diapositivas

    La opción de visualización de diapositivas ofrece la configuración de la mayoría de configuración. En una presentación de diapositivas, una imagen se visualiza a la vez, y los controles de navegación aparecen de manera que los visitantes pueden avanzar a través de las imágenes.

    Puede modificar los siguientes ajustes para la opción de visualización de diapositivas:

    • Auto reproducción: comenzará automáticamente la transición entre las imágenes cuando se carga la página. Utilice el control deslizante para establecer el retraso entre las transiciones de imagen de 1 a 10 segundos.

    • controles: Visualización de las flechas a ambos lados de la imagen actual (excepto la primera y la última imagen) para permitir que alguien cambie manualmente las imágenes.

    • Recorte automático: escalar de forma automática y recortar las imágenes de manera que sean del mismo tamaño.

    • miniaturas: Mostrar todas las imágenes de la galería de bloque en una fila de imágenes de abajo de la presentación. Utilice los controles deslizantes para ajustar la altura de las miniaturas y la distancia de la fila de miniaturas de la presentación de diapositivas.

    • Mostrar título y descripción: Mostrar el título y la descripción de cada imagen.

    • Título y Descripción Posición: Volver a colocar el título y la descripción de uno de los varios lugares.

    • Mostrar en el Hover: Mostrar el título y la descripción sólo cuando alguien pasa el cursor sobre una imagen en la presentación.

    deslizador

    La opción de pantalla deslizante, como presentación de diapositivas, muestra las imágenes en un formato de presentación de diapositivas. Sin embargo, la opción deslizante también muestra desvaneció porciones de la imagen anterior y siguiente a cada lado de la imagen actual.

    • Auto reproducción: comenzará automáticamente la transición entre las imágenes cuando se carga la página. Utilice el control deslizante para establecer el retraso entre las transiciones de imagen de 1 a 10 segundos.

    • controles: Visualización de las flechas a cada lado de la barra deslizante para permitir que alguien cambie manualmente las imágenes.

    • La alineación activa: Posicionar la imagen completa a la izquierda, derecha o centro del bloque de la galería.

    Cuadrícula

    La opción de visualización de cuadrícula muestra todas las imágenes como miniaturas alineados en una cuadrícula. Esta característica es útil cuando se desea mostrar todas sus imágenes a la vez y dejar que los visitantes deciden cuál de ellos quieren ver más grande. Las siguientes opciones están disponibles:

    • Las miniaturas Cuadrados: Mostrar las imágenes como miniaturas cuadrados, creando una cuadrícula de imágenes que son todos del mismo tamaño.

    • Miniaturas por fila: Utilice el control deslizante para ajustar el número de imágenes en miniatura se muestran en cada fila.

    • Relleno alrededor de las miniaturas: Añadir más espacio alrededor de sus imágenes en miniatura. Tenga en cuenta que haciendo esto disminuirá el tamaño de la uña del pulgar.

    • Caja ligera: Permitir que las miniaturas que se hace clic para ver las versiones más grandes de las imágenes en un formato de presentación. La página web se oscurece y las imágenes se muestran en el centro de la ventana.

    apilada

    Stacked es la opción de visualización más simple, la presentación de las imágenes una tras otra por la página. No tiene opciones para configurar.

    Si usted no tiene ningún bloques dispuestos a la izquierda oa la derecha del bloque galería y que elija apiladas, las imágenes serán dimensionadas para todo el ancho de la página.

    Artículos Relacionados