Nota: Si bien hemos traducido las guías más populares al español, algunas guías están disponibles solamente en inglés.

Cómo aplicar estilo a las leyendas de imagen

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.
  • Cada plantilla tiene sus propios nombres de ajuste, pero usamos el término “cuerpo del texto” para hacer referencia a cualquier texto que no sea un encabezado o un metatexto. 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, visita Cómo aplicar estilos 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:

  1. Crea una página de diseño en la sección No vinculada de la navegación.
  2. 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).
  3. Utiliza Estilos del sitio para aplicarles una fuente y un color distintos.
  4. 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

La mayoría de los diseños de bloque de imagen admiten un título y un subtítulo con su propia configuración de estilo.

El estilo de las leyendas depende de la versión de Squarespace en la que se encuentre tu sitio.

Para el diseño Incorporado, las leyendas se pueden mostrar debajo de la imagen, como superposición o como superposición de lightbox. Puedes dar formato al texto de la leyenda en la barra de herramientas de texto. Consulta a continuación las reglas de estilo para cada uno.  

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
Tamaño: sigue el ajuste Extracto

Tremont

Fuente: Color
no ajustable: sigue el cuerpo del texto.

Wexley

Tamaño: sigue el cuerpo del texto

Bloque de sumario

El Bloque de sumario admite leyendas para todos sus diseños (Muro, Lista, Carrusel, Cuadrícula).

El estilo de la leyenda del bloque de sumario depende de la versión de Squarespace en la que se encuentre tu sitio.

En todos los diseños de bloques de sumario:

  • 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
Color del título: sigue el ajuste Color del título del bloque de sumario

Avenue

Fuente del título: sigue el ajuste Fuente del título del bloque de sumario
Color del título: sigue el ajuste Color del título del bloque de sumario

Aviator

Fuente del título: sigue el ajuste Fuente del título del bloque de sumario
Color del título: sigue el ajuste Color del título del bloque de sumario

Bedford

Fuente del título: sigue el ajuste Fuente del título del bloque de sumario
Color del título: sigue el ajuste Color del título del bloque de sumario
Color de metadatos 1 y 2: sigue el ajuste Color de metadatos de la página

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:

  • Color de metadatos 1: sigue a cuerpo del texto
  • Color de metadatos 2: sigue el ajuste Enlace del cuerpo

Eventos:

  • Color de metadatos 1 y 2: sigue el cuerpo del texto

Productos:

  • Color de metadatos 1 y 2 : sigue el ajuste Enlace del cuerpo

Flatiron

Color del título: sigue el ajuste Color del enlace

Forte

Color del título: sigue el ajuste Color del enlace del cuerpo
El ajuste Subrayar enlaces del cuerpo afecta a Metadatos 2

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
Color del título: sigue el ajuste Color del título del bloque de sumario

Momentum

Fuente del título: sigue el ajuste Fuente del título del bloque de sumario
Color del título: sigue el ajuste Color del título del bloque de sumario

Montauk

Fuente del título: sigue el ajuste Fuente del título del bloque de sumario
Color del título: sigue el ajuste Color del título del bloque de sumario

Native

Fuente del título: sigue Encabezado 1
Color del título: sigue Encabezado 1

Pacific

Fuente del título: sigue el ajuste Fuente del título del bloque de sumario
Color del título: sigue el ajuste Color del título del bloque de sumario
Fuente de metadatos 1 y 2: sigue el ajuste Fuente de metadatos
Color de metadatos 1 y 2: sigue el ajuste Color de metadatos

Skye

Título de la fuente: sigue el ajuste Título de la lista
Color del título: sigue el ajuste Color del título
Fuente de metadatos 1 y 2: sigue el ajuste Metadatos
Color de metadatos 1 y 2: sigue el ajuste Color de metadatos

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:

  • Fuente de metadatos 1 y 2: sigue el ajuste Fuente de metadatos
  • Color de metadatos 1: sigue el ajuste Color de metadatos
  • Color de metadatos 2: sigue el ajuste Color de enlace del cuerpo

Eventos:

  • Fuente de metadatos 1 y 2: sigue el ajuste Fuente de metadatos
  • Color de metadatos 1 y 2: sigue el ajuste Color de vínculo del cuerpo

Productos

  • Fuente de metadatos 1 y 2: sigue el ajuste Fuente de metadatos
  • Color de metadatos 1 y 2: sigue el ajuste Color de enlace del cuerpo

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:

  • Color de metadatos 1: sigue el cuerpo del texto
  • Color de metadatos 2: sigue el ajuste Color de enlace del cuerpo

Evento:

  • Color de metadatos 1 y 2: sigue a cuerpo del texto

Productos:

  • Color de metadatos 1 y 2: sigue el ajuste Color de enlace del cuerpo

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
Fuente de la descripción: no ajustable
Tamaño de la descripción: no ajustable

Bedford

Tamaño del título: no ajustable
Fuente de la descripción: no ajustable
Tamaño de la descripción: 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
Tamaño de título
: sigue Encabezado 1

Nota: Habilita Encabezados personalizados en Estilos del sitio.

Pacific

Color del título: sigue Encabezado 1
Tamaño del título: sigue Encabezado 1
Fuente de la descripción: no ajustable

Skye

Fuente del título: sigue el ajuste Título de la lista
Color del título: sigue el ajuste Color del título en Colores del texto de todo el sitio
Tamaño del título: no ajustable
Fuente de la descripción: sigue el ajuste Extracto
Tamaño de la descripción: sigue el ajuste Extracto

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
Color de la descripción: sigue el cuerpo del texto
Tamaño de la descripción
: no ajustable

York

Color de título: Sigue a Encabezado 1
Tamaño 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.

Cada plantilla tiene una página de galería integrada. Muchas plantillas utilizan una página de galería estándar, que puede mostrarse como diapositivas o como cuadrícula. Otras tienen páginas de galería exclusivas.

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.

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
Tamaño del título: no ajustable
Fuente de la descripción: no ajustable
Tamaño de la descripción: 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
Fuente de la descripción: no ajustable
Tamaño de la descripción: no ajustable

 

Five

Tamaño de título: sigue a Encabezado 1

 

Galapagos

Color de título: Sigue a Encabezado 1
Tamaño 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
Tamaño del título: sigue el cuerpo del texto
Tamaño de la descripción: sigue el cuerpo del texto

 

Native

 

Nota: Se muestra siempre en la parte superior.

Pacific

Color del título: sigue a Encabezado 1
Tamaño del título:
sigue a Encabezado 1
Fuente de la descripción:
no ajustable
Tamaño de la descripción: no ajustable

 

Skye

Fuente del título: sigue el ajuste Título de la lista
Color del título: sigue el ajuste Color del título
Tamaño del título: sigue el ajuste Título de la lista
Fuente de la descripción: sigue el ajuste Extracto
Tamaño de la descripción: sigue el ajuste Extracto

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
Color del título: sigue el ajuste Color del título
Tamaño del título: sigue el ajuste Título de la lista
Fuente de la descripción: sigue el ajuste Título de la lista
Color de la descripción: sigue el ajuste Color del título
Tamaño de la descripción: 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
Color del título: sigue a Encabezado 1
Tamaño 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.

¿Fue útil este artículo?
Usuarios a los que les pareció útil: 13 de 99