Las imágenes sin bordes se extienden de un extremo al otro de la ventana de tu navegador abarcando el ancho de todo tu sitio. Así se crea una sensación expansiva y el foco se coloca en las imágenes de tu sitio.
En la versión 7.1, puedes agregar imágenes sin bordes a cualquier página. En la versión 7.0, la posibilidad de que tu sitio muestre estas imágenes depende de tu plantilla.
Antes de comenzar
- Para crear una imagen sin bordes en tu sitio, te recomendamos subir una imagen que tenga entre 1500 y 2500 píxeles de ancho.
- Debido a que las imágenes sin bordes cambian de tamaño según el ancho del navegador, siempre habrá cierto recorte.
- A pesar de que estos términos se usan indistintamente, las imágenes "sin bordes" se extienden hasta el borde de la pantalla del navegador, mientras que las imágenes "de ancho total" solo se extienden hasta el borde del área principal de contenido.
Imágenes de fondo
Las imágenes de fondo funcionan de manera distinta según qué versión de Squarespace utilice tu sitio.
Crea una imagen de fondo sin bordes en cualquier sección colocando el control de Ancho del fondo en Sin bordes en los estilos de sección.
Para hacer que la imagen de fondo ocupe toda la página, añade todo el contenido de dicha página en una sección.
Algunas plantillas han sido diseñadas con imágenes grandes y plenas en mente, mientras que otras destacan el espacio en blanco y más espacio alrededor de los bloques.
Cualquier plantilla que acepte una imagen de fondo para todo el sitio puede mostrarla sin bordes. Para configurar una imagen de fondo sin bordes, elige el ajuste de estilo Tamaño: Portada.
Puedes agregar una Página de Portada a cualquier plantilla. Muchos diseños de Páginas de Portada usan imágenes de fondo sin bordes.
Cabeceras
Las imágenes del banner funcionan de distinta manera según qué versión de Squarespace usa tu sitio.
Añade un banner a cualquier sección agregando una imagen de fondo o video y, a continuación, cambia la opción Ancho de fondo a Imágenes sin bordes en los estilos de sección.
Los banners aparecen en la parte superior de tu sitio, ya sea debajo o detrás del encabezado.
Los banners se muestran con el ancho completo del navegador en estas familias de plantillas.
- Adirondack: los banners se ven en todo el ancho del sitio, pero no se extienden a todo el ancho del navegador.
- Brine
- Bedford
- Five
- Pacific
- Supply: los banners verticales aparecen con la altura del navegador en las publicaciones del blog y en los eventos.
- Tremont
- York: marca Mostrar el banner de la página y Banner sin borde en Estilos del sitio.
Secciones de galería y Páginas de galería
Según qué versión de Squarespace use tu sitio, el sitio tendrá distintas opciones de galería.
- La versión 7.1 usa secciones de galería
- La versión 7.0 emplea Páginas de galería
Las imágenes de las secciones de galería pueden mostrarse sin bordes. En estilos de la sección de galería, modifica el control de Ancho a Sin bordes.
Los diseños de Galería aparecen sin bordes en estas familias de plantillas:
Plantilla | Estilo de la galería |
Ishimoto | Carrusel |
Momentum | Diapositivas |
Tremont |
Cuadrícula |
Wexley |
Cuadrícula. Ajusta el Relleno del elemento del índice y el Relleno externo. |
Páginas de Proyecto
La familia York admite un tipo especial de página denominada Página del Proyecto, que combina textos e imágenes para lograr un efecto visualmente atractivo.
En Estilos del sitio, marca Proyecto sin bordes y Permitir retrato y cuadrado de ancho completo para mostrar todas las imágenes con el ancho del navegador.
Bloques de imágenes
Los Bloques de imágenes aparecen con el ancho estándar dentro del relleno del área de contenido principal y tienen el mismo ancho que todos los demás bloques. No tienen opciones incorporadas de ancho completo.
Para más información, visita Ajustar el tamaño de una imagen.
Imágenes en Páginas de portafolio y de índices
Las páginas de portafolio y de índice funcionan de manera similar:
- En la versión 7.1, una Página de portafolio es una cuadrícula de imágenes que vincula a otras páginas de tu sitio. Todos los sitios de la versión 7.1 admiten Páginas de portafolio.
- En la versión 7.0, una Página de índice es un diseño único de imágenes que vinculan a otras páginas de tu sitio. Solo algunas de las plantillas de la versión 7.0 admiten Páginas de índice, y cada Índice tiene su propio estilo.
Las Páginas de portafolio pueden mostrarse sin bordes en el diseño Fondo del índice de portafolio.
Los Índices muestran imágenes sin bordes o collages de imágenes en estas familias de plantillas:
Plantilla |
Opciones |
Avenue |
Cuadrícula de imágenes en miniatura. Marca Índice de ancho completo, y ajusta el Relleno de la miniatura en 0 % y el Relleno del lienzo en 0 px (ingresa 0 px manualmente). |
Brine |
Banners apilados y secciones de galería. |
Bedford |
Banners apilados |
Flatiron |
Cuadrícula o mosaico de miniaturas |
Forte |
Diapositivas |
Momentum |
Diapositivas |
Pacific |
Banners apilados |
Tremont |
Diapositivas |
York |
Banners apilados. Elige Relleno externo del sitio: Personalizado y configura el Relleno personalizado del sitio en 0px |