Personaliza cómo se muestran los títulos y las descripciones de las imágenes.
Las leyendas son títulos de texto y descripciones que agregan información y contexto a las imágenes, pero no tienen sus propios ajustes de estilo. Más bien, siguen los ajustes de otro texto de tu sitio.
El estilo de la leyenda de una imagen depende de dónde se encuentre y de cómo esté configurada para que se muestre. Por lo general, las leyendas se muestran de una de estas tres formas:
- Leyenda debajo: el texto se muestra en la página, debajo de la imagen.
- Superposición de leyendas: el texto se muestra sobre la imagen, ya sea en todo momento o solo al desplazarse sobre ella.
- Superposición de leyenda de Lightbox: con Lightbox activado, la imagen aparece en una ventana emergente cuando se hace clic en ella. Se muestra un título sobre la imagen al pasar el cursor.
En esta guía se describen las reglas de estilo de todas las imágenes del sitio que muestren leyendas.
Mira el video
Antes de comenzar
- Las fuentes y colores tienen ajustes independientes.
- Recomendamos mantener las leyendas breves, especialmente cuando el título se superpone a una imagen. Las leyendas más largas pueden cortarse en ciertos dispositivos y navegadores.
En la versión 7.0:
- No es posible agregar saltos de línea a los títulos de leyenda de una imagen, pero sí al texto de descripción de esta.
- Usamos el término “cuerpo del texto” para referirnos a cualquier texto que no sea un encabezado o un meta texto, pero cada plantilla tiene sus propios nombres de ajustes. Por ejemplo, en Adirondack, el ajuste que controla la fuente del cuerpo del texto se llama Texto. En Skye, se llama Cuerpo. Para obtener más información, consulta Aplicar estilo a un texto.
- Algunas plantillas solo tienen un ajuste que controla todos los colores o las fuentes de encabezado. En esos casos, las leyendas que siguen estilos de encabezado específicos (como Encabezado 3) seguirán el ajuste general del encabezado.
Si tienes dificultades para modificar el estilo de las leyendas en un sitio versión 7.0, te recomendamos que experimentes en una página de prueba:
- Crea una página de diseño en la sección No vinculada de la navegación.
- Agrega un bloque de texto que contenga Encabezado 1, Encabezado 2, Encabezado 3 y el cuerpo del texto (necesitarás al menos cuatro líneas de texto).
- Utiliza Estilos del sitio para aplicarles una fuente y un color distintos.
- Mira tu leyenda para ver cómo ha cambiado.
Sección de galería
La versión 7.0 no admite secciones de galería. En su lugar, usa una página de galería.
Las imágenes de las secciones de la galería admiten descripciones, que se muestran cuando la opción Leyendas está activada en el editor de secciones.
En todos los diseños:
- Fuente: sigue a Párrafos
- Color: sigue Párrafo: Medio
- Tamaño: no ajustable
- Alineación de leyendas: no ajustable
Ten en cuenta lo siguiente:
- Las descripciones de imágenes no admiten saltos de línea.
- Las leyendas aparecen debajo de cada imagen en todos los diseños Cuadrícula y Diapositivas: diseños simples y completos. En el diseño Diapositivas: Carrete, las leyendas solo aparecen debajo de la imagen central.
- Las leyendas no aparecen en la vista de lightbox.
Bloque de Imagen
En las secciones de Editor dinámico, usarás un bloque de texto para agregar texto adyacente o superponer un bloque de imagen en lugar de agregar una leyenda.
En el editor clásico, la mayoría de los diseños de bloques de imagen admiten un título y un subtítulo con su propia configuración de estilo. El estilo de estas leyendas depende de la versión de Squarespace en la que se encuentre tu sitio.
Consejo: Los bloques de imagen agregados a las secciones del Editor dinámico no tienen opciones de diseño integradas. En lugar de agregar una leyenda a un bloque de imagen, usa un bloque de texto para agregar texto adyacente o superponer un bloque de imagen.
Para el diseño En línea agregado a una sección del editor clásico, las leyendas pueden mostrarse debajo de la imagen, como una superposición o como una superposición de lightbox. Puedes dar formato al texto de la leyenda en la barra de herramientas de texto. Ve las reglas de estilo de cada una de las opciones a continuación.
Leyenda por debajo
Para las leyendas que se muestran debajo del bloque de imagen incorporado:
- Fuente: sigue a Párrafos
- Color: sigue los ajustes de Texto para el tipo de texto establecido en Colores.
- Tamaño: se establece en la barra de herramientas de texto.
Superposición de leyenda
Para las leyendas que se muestran sobre el bloque de imagen incorporado en todo momento o al desplazarse sobre ellas:
- Fuente: sigue a Párrafos
- Color: siempre blanco
- Tamaño: se establece en la barra de herramientas de texto.
Superposición de lightbox
Para las leyendas que se muestran sobre el bloque de imagen incorporado mientras se encuentra en una ventana emergente de lightbox:
- Fuente: sigue Fuentes
- Color: siempre blanco
- Tamaño: sigue a Párrafo 3
Para el diseño Incorporado, las leyendas pueden aparecer debajo de la imagen, como superposición o como una superposición de lightbox. Ve las reglas de estilo de cada una de las opciones a continuación.
Leyenda por debajo
En la mayoría de las plantillas, para las leyendas que se muestran debajo del bloque de imagen incorporado:
- Fuente: sigue el cuerpo del texto
- Color: sigue el cuerpo del texto
- Tamaño: no ajustable
Existen excepciones en estas familias de plantillas:
|
Bedford |
Tamaño: sigue el cuerpo del texto |
|
Five |
Fuente: siempre negra y en mayúsculas |
|
Pacific |
Tamaño: sigue el cuerpo del texto |
|
Skye |
Fuente, color y tamaño: sigue el ajuste Leyendas de imágenes y de bloque de galería |
|
York |
Tamaño: sigue el cuerpo del texto |
Superposición de leyenda
En la mayoría de las plantillas, para las leyendas que se muestran sobre el bloque de imagen incorporado cuando se muestra en la página:
- Fuente: sigue el cuerpo del texto
- Color: siempre gris
- Tamaño: no ajustable
Existen excepciones en estas familias de plantillas:
|
Five |
Fuente: siempre en mayúsculas |
|
Skye |
Fuente: sigue el ajuste Leyendas de imágenes y de bloque de galería |
Superposición de lightbox
En la mayoría de las plantillas, para las leyendas que se muestran sobre el bloque de imagen incorporado mientras se encuentran en una ventana emergente de lightbox:
- Fuente: sigue el cuerpo del texto
- Color: siempre blanco
- Tamaño: no ajustable
Existen excepciones en estas familias de plantillas:
|
Adirondack |
Fuente: no ajustable |
|
Bedford |
Fuente: no ajustable |
| Five | Tamaño: sigue el cuerpo del texto |
|
Flatiron |
Color: sigue el cuerpo del texto |
|
Pacific |
Fuente: no ajustable |
|
Skye |
Fuente: sigue el ajuste Extracto |
|
Tremont |
Fuente: Color |
|
Wexley |
Tamaño: sigue el cuerpo del texto |
Bloque de sumario
El bloque de resumen admite leyendas para todos sus diseños (Muro, Lista, Carrusel, Cuadrícula).
El estilo de la leyenda del bloque de resumen depende de la versión de Squarespace en la que se encuentre tu sitio.
En todos los diseños de bloques de resumen:
- Tamaño del título: sigue Párrafo 2
- Tamaño de la descripción y Tamaño de metadatos: no ajustables
- Fuente: sigue a Párrafos
- Color: sigue los ajustes Bloque de sumario en Colores
En todas las plantillas:
- Tamaño del título, tamaño de descripción y tamaño de metadatos: no ajustables
- Fuente de descripción: sigue el cuerpo del texto
- Color de la descripción: sigue el cuerpo del texto
- Color del título: varía según la plantilla; consulta la lista a continuación
En la mayoría de las plantillas:
- Fuente de metadatos 1 y 2: sigue el cuerpo del texto
- Color de metadatos 1 y 2: sigue el cuerpo del texto
- Fuente del título: sigue el cuerpo del texto
Existen excepciones en estas familias de plantillas:
|
Adirondack |
Fuente del título: sigue el ajuste Fuente del título del bloque de sumario |
|
Avenue |
Fuente del título: sigue el ajuste Fuente del título del bloque de sumario |
|
Aviator |
Fuente del título: sigue el ajuste Fuente del título del bloque de sumario |
|
Bedford |
Fuente del título: sigue el ajuste Fuente del título del bloque de sumario |
|
Brine |
Color del título: sigue el cuerpo del texto. |
|
Farro |
Color del título: sigue el cuerpo del texto. |
|
Five |
Color del título: sigue el ajuste Enlace del cuerpo Galería y blog:
Eventos:
Productos:
|
|
Flatiron |
Color del título: sigue el ajuste Color del enlace |
|
Forte |
Color del título: sigue el ajuste Color del enlace del cuerpo |
|
Galapagos |
Color del título: sigue el ajuste Color de enlace |
|
Ishimoto |
Color del título: sigue el ajuste Color de enlace del cuerpo |
|
Marquee (descontinuada) |
Fuente del título: sigue el ajuste Fuente del título del bloque de sumario |
|
Momentum |
Fuente del título: sigue el ajuste Fuente del título del bloque de sumario |
|
Montauk |
Fuente del título: sigue el ajuste Fuente del título del bloque de sumario |
|
Native |
Fuente del título: sigue Encabezado 1 |
|
Pacific |
Fuente del título: sigue el ajuste Fuente del título del bloque de sumario |
|
Skye |
Título de la fuente: sigue el ajuste Título de la lista |
|
Supply |
Color del título: sigue el ajuste Color de enlace |
|
Tremont |
Color del título: sigue el ajuste Color de enlace del cuerpo Galería y blog:
Eventos:
Productos
|
|
Wells |
Color del título: sigue el ajuste Color del enlace del cuerpo |
|
Wexley |
Color del título: sigue el ajuste Color del enlace del cuerpo |
|
York |
Color del título: sigue el ajuste Color de enlace del cuerpo Galería y blog:
Evento:
Productos:
|
Bloque de Instagram
El bloque de Instagram admite leyendas para los diseños de diapositivas y apilados, y en el diseño de cuadrícula cuando se ve en un lightbox.
La forma de ajustar el texto de la leyenda depende de la versión de Squarespace en la que se encuentre tu sitio.
Apilado
Leyendas apiladas debajo de cada imagen:
- Fuente: sigue a Párrafos
- Color: sigue Párrafo: Medio
- Tamaño: sigue a Párrafo 2
Diapositivas
Las leyendas de presentación de diapositivas se muestran como una superposición, ya sea en todo momento o al posicionar el cursor:
- Fuente: sigue a Párrafos
- Color: siempre blanco
- Tamaño: no ajustable
Cuadrícula
Las leyendas de cuadrícula se muestran en la superposición de lightbox:
- Fuente: sigue a Fuentes
- Color: siempre blanco
- Tamaño: no ajustable
Apilado
La leyenda se muestra debajo de cada imagen. En todas las plantillas:
- Fuente: sigue el cuerpo del texto
- Color: sigue el cuerpo del texto
- Tamaño: sigue el cuerpo del texto
Diapositivas
Las leyendas de presentación de diapositivas se muestran como una superposición, ya sea en todo momento o al posicionar el cursor. En todas las plantillas:
- Fuente: sigue a cuerpo del texto
- Color: siempre blanco
- Tamaño: no ajustable
Cuadrícula
Las leyendas de cuadrícula se muestran en la superposición de lightbox. En la mayoría de las plantillas:
- Fuente: sigue el cuerpo del texto
- Color: siempre blanco
- Tamaño: sigue a cuerpo del texto
Excepciones
La fuente de leyenda y el tamaño de leyenda no son ajustables en estas familias de plantillas:
- Adirondack
- Bedford
- Pacific
Bloque de Galería en Cuadrícula
La forma de ajustar el texto de la leyenda del bloque de galería de cuadrícula depende de la versión de Squarespace en la que se encuentre tu sitio.
En la versión 7.1, solo puedes añadir Bloques de galería a las publicaciones de blog, los elementos de productos y los eventos separados.
Los títulos de los bloques de galería en cuadrícula pueden aparecer debajo de la imagen. Los títulos y las descripciones aparecen en la superposición de lightbox.
Título en la parte inferior
Para los títulos que se muestran debajo de imágenes del bloque de galería de cuadrícula:
- Fuente: sigue a Párrafos
- Color: sigue a Párrafo: Medio en Colores
- Tamaño: no ajustable
Superposición de lightbox
Para las leyendas que se muestran sobre las imágenes del bloque de galería de cuadrícula mientras se encuentran en una ventana emergente de lightbox:
- Fuente del título: sigue a Encabezados
- Color del título: siempre blanco
- Tamaño del título: no ajustable
- Fuente de la descripción: sigue a Fuentes
- Color de la descripción : siempre blanco
- Tamaño de la descripción: no ajustable
Los títulos de los bloques de galería en cuadrícula pueden aparecer debajo de la imagen. Los títulos y las descripciones aparecen en la superposición de lightbox.
Título en la parte inferior
En todas las plantillas, para los títulos que se muestran debajo de las imágenes de bloque de galería de cuadrícula:
- Fuente: sigue el cuerpo del texto
- Color: sigue el cuerpo del texto
- Tamaño: no ajustable
Superposición de lightbox
En la mayoría de las plantillas, para las leyendas que se muestran sobre las imágenes del bloque de galería de cuadrícula mientras se encuentran en un mensaje emergente de lightbox:
- Fuente del título: sigue Encabezado 1
- Color del título: siempre blanco
- Fuente del título: sigue el cuerpo del texto
- Fuente de descripción: sigue el cuerpo del texto
- Color de la descripción: siempre blanco
- Tamaño de la descripción: sigue el cuerpo del texto
Existen excepciones en estas familias de plantillas:
|
Adirondack |
Tamaño del título: no ajustable |
|
Bedford |
Tamaño del título: no ajustable |
|
Five |
Tamaño del título: sigue Encabezado 1 |
|
Flatiron |
Color de la descripción: sigue el cuerpo del texto |
|
Galapagos |
Color del título: sigue Encabezado 1 Nota: Habilita Encabezados personalizados en Estilos del sitio. |
|
Pacific |
Color del título: sigue Encabezado 1 |
|
Skye |
Fuente del título: sigue el ajuste Título de la lista Nota: Los ajustes de color del título y del título de la lista solo están disponibles cuando se ve una página de blog. |
|
Tremont |
Fuente de la descripción: no ajustable |
|
York |
Color de título: Sigue a Encabezado 1 |
Consejo: En algunas plantillas, el ajuste Color del título también afecta los títulos de las entradas de blog. Para garantizar la visibilidad, el color del título debe ser diferente del color de fondo del sitio.
Bloque de galería en diapositivas
La forma de ajustar el texto de la leyenda del bloque de galería de diapositivas depende de la versión de Squarespace en la que se encuentre tu sitio.
En la versión 7.1, solo puedes añadir Bloques de galería a las publicaciones de blog, los elementos de productos y los eventos separados.
Las leyendas de los bloques de galería en diapositivas solo aparecen como superposición. Para que las leyendas aparezcan encima del bloque de galería en diapositivas:
- Fuente del título: sigue a Párrafos
- Color del título: siempre blanco
- Tamaño del título: no ajustable
- Fuente de la descripción: sigue a Párrafos
- Color de descripción: siempre blanco
- Tamaño de descripción: no ajustable
Las leyendas del bloque de galería de diapositivas solo se pueden mostrar como superposición. En la mayoría de las plantillas, para las leyendas que se muestran sobre el bloque galería de diapositivas:
- Fuente del título: sigue el cuerpo del texto
- Color del título: siempre blanco
- Tamaño del título: no ajustable
- Fuente de descripción: sigue el cuerpo del texto
- Color de descripción: siempre blanco
- Tamaño de descripción: no ajustable
En la familia Skye:
- Fuente del título: sigue a cuerpo del texto
- Fuente de la descripción: sigue el ajuste Leyendas de imágenes y de bloque de galería
Bloque de Galería Stack (Apilado)
La manera en la que ajustas el texto de la leyenda del Bloque de galería apilado depende de la versión de Squarespace con la que se haya creado tu sitio.
En la versión 7.1, solo puedes añadir Bloques de galería a las publicaciones de blog, los elementos de productos y los eventos separados.
Las leyendas del bloque de galería apilado solo se pueden mostrar debajo de la imagen:
- Fuente del título: sigue Encabezados
- Color del título: sigue Encabezado (Medio)
- Tamaño del título: sigue a Encabezado 3
- Fuente de la descripción: sigue a Párrafos
- Color de la descripción: sigue Párrafo (Medio)
- Tamaño de la descripción: sigue Párrafo 2
Las leyendas del bloque de galería apilado solo se pueden mostrar debajo de la imagen. En la mayoría de plantillas:
- Fuente del título: sigue a Encabezado 3
- Color del título: Sigue Encabezado 3
- Tamaño del título: sigue Encabezado 3
- Fuente de la descripción: sigue a cuerpo del texto
- Color de la descripción: sigue el cuerpo del texto
- Tamaño de la descripción: sigue a cuerpo del texto
Consejo: Habilita Encabezados personalizados en Estilos del sitio para dar estilo a los encabezados de Galapagos.
En la familia Skye:
- Color del título: sigue el ajuste Título del bloque de la galería del cuerpo
- Fuente de la descripción: sigue el ajuste Leyendas de imágenes y de bloque de galería
- Color de la descripción: sigue el ajuste Leyendas de imágenes y de bloque de galería
- Color de la descripción: sigue el ajuste Leyendas de imágenes y de bloque de galería
Bloque de Galería en Carrusel
En la versión 7.1, solo puedes añadir Bloques de galería a las publicaciones de blog, los elementos de productos y los eventos separados.
Los bloques de galería de carrusel no muestran leyendas.
Página de Galería
La versión 7.1 no es compatible con páginas de galería. Utiliza una sección de galería en su lugar.
Todas las plantillas de la versión 7.0 tienen una página de galería incorporada. Muchas plantillas tienen una página de galería única, mientras que otras usan la página de galería estándar, que se puede mostrar como una presentación de diapositivas o una cuadrícula.
Páginas de galería únicas
Estas familias de plantillas tienen páginas de galería únicas (específicas de cada plantilla). Utiliza los siguientes enlaces para obtener información sobre la página de galería de cada plantilla. Si tu plantilla no aparece aquí, tiene una página de galería estándar.
Páginas de galería estándar
En la mayoría de las plantillas con páginas de galería estándar:
Formato de cuadrícula:
- Fuente del título: sigue a Encabezado 1
- Color del título: siempre blanco
- Fuente del título: sigue el cuerpo del texto
- Fuente de descripción: sigue el cuerpo del texto
- Color de la descripción: siempre blanco
- Tamaño de la descripción: sigue a cuerpo del texto
Formato de diapositivas:
- Fuente del título: sigue el cuerpo del texto
- Color del título: siempre blanco
- Tamaño del título: no ajustable
- Fuente de descripción: sigue el cuerpo del texto
- Color de la descripción: siempre gris
- Tamaño de descripción: no ajustable
Nota: El ajuste del cuerpo del texto adapta el espacio entre el título y la descripción.
Existen excepciones en estas familias de plantillas:
|
Familia de plantillas |
Formato de cuadrícula |
Formato de diapositivas |
|
Adirondack |
Fuente del título: no ajustable |
Fuente del título: sigue Encabezado 1 Nota: Se muestra siempre en la parte superior y centrada. |
|
Bedford |
Tamaño del título: no ajustable |
|
|
Five |
Tamaño de título: sigue a Encabezado 1 |
|
|
Galapagos |
Color de título: Sigue a Encabezado 1 Nota: Habilita Encabezados personalizados en Estilos del sitio. |
|
|
Marquee (descontinuada) |
Fuente del título: sigue el cuerpo del texto |
|
|
Native |
|
Nota: Se muestra siempre en la parte superior. |
|
Pacific |
Color del título: sigue a Encabezado 1 |
|
|
Skye |
Fuente del título: sigue el ajuste Título de la lista Nota: Los ajustes de color del título y del título de la lista solo están disponibles cuando se ve una página de blog. |
Fuente del título: sigue el ajuste Título de la lista Nota: Los ajustes de color del título y del título de la lista solo están disponibles cuando se ve una página de blog. |
|
York |
Fuente del título: sigue a Encabezado 1 |
|
Páginas de Proyecto
La versión 7.1 no es compatible con páginas del proyecto. Utiliza una sección de galería en su lugar.
La página de proyecto es un diseño de portafolio específico de cada plantilla disponible en la familia York (Artesia, Flores, Harris, Jasper, Jones, Lange, Shibori, York). En las páginas de proyecto, el título de la imagen y el texto de la descripción aparecen en la página, al lado de la imagen o debajo de ella.
Utiliza los ajustes de la sección Proyecto: Fuentes de Estilos del sitio para aplicar estilo al texto del título y las descripciones de la imagen. También puedes ajustar la escala de las fuentes para controlar cómo se muestran.