Recuadro de contenido en la versión 7.0

Agrega espaciado estilizado al diseño de tu sitio en ciertas plantillas de la versión 7.0.

Última actualización: 21 de junio de 2023

Algunas plantillas de la versión 7.0 tienen una función de diseño para todo el sitio llamada “recuadro de contenido”. Esto aplica sangría a cierto contenido, creando una columna más estrecha, mientras que otro contenido aparece en el ancho completo. La variación de los márgenes de esta manera hace que el texto parezca más dinámico, similar a la forma en que las revistas llaman la atención sobre las citas con diseños creativos.

El recuadro afecta las áreas en las que puedes añadir bloques, como las páginas de diseño, las entradas de blog y los pies de página.

Cómo acceder a esta función

El recuadro de contenido es una función específica disponible en algunas plantillas de la versión 7.0. Para obtener efectos similares en la versión 7.1, consulta Funciones de recuadro en la versión 7.1.

Templates supporting the content inset

La función de recuadro de contenido está disponible en estas familias de plantillas:

  • Brine
  • Farro
  • Pacific: Únicamente en publicaciones de blog
  • Skye

Usar el recuadro de contenido

Al agregar bloques al sitio, puedes usar un bloque por sí mismo para crear una sola columna o agregar varios bloques uno al lado del otro para crear varias columnas.

Only certain blocks use content inset. When these blocks are in a single column, they appear at the narrower width. When laid out in multiple columns, the columns extend to the borders of the content area.

Blocks that aren't affected by the content inset continue to display at the width of the main content area.

Mixing and matching content inset blocks with full-width content creates varied margins as visitors scroll down the page, providing visual relief from large unbroken text.

Here's an example of the content inset in the Farro template: 

farro-inset.png

Affected blocks

Solo ciertos bloques de una sola columna siguen el recuadro de contenido. En cada una de estas familias de plantillas, se afectan a diferentes bloques:

Brine

These blocks appear full-width (no inset):

  • Bloques de archivo
  • Bandsintown blocks
  • Bloques de calendario
  • Bloques de Galería
  • Bloques de imágenes
  • Bloques de Instagram
  • Bloques de mapa
  • Bloques de Menú
  • Bloques de video

All other blocks are inset.

Farro

These blocks appear full-width (no inset): 

  • Bloques de archivo
  • Bandsintown blocks
  • Bloques de calendario
  • Bloques de Galería
  • Bloques de imágenes
  • Bloques de Instagram
  • Bloques de mapa
  • Bloques de Menú
  • Bloques de video

All other blocks are inset.

Pacific

On blog posts, these blocks follow the inset:

  • Bloques de texto
  • Bloques de Markdown 

All other blocks appear full-width (no inset). 

Skye

When the Full Bleed Images, Video, and Gallery tweak is checked, these blocks appear full-width (no inset): 

  • Bloques de imágenes
  • Bloques de Galería
  • Bloques de video

When Full Bleed Images, Video, and Gallery is unchecked, all blocks follow the content inset.

Creating sophisticated layouts

Content inset lets you vary content width on a page, grabbing your visitors' attention.

Por ejemplo, debido a que el bloque de imagen no tiene un recuadro de contenido, se muestra más ancho que el bloque de texto de una sola columna. Si se alterna entre texto estrecho e imágenes más anchas, las imágenes se destacan.

KB Guide Image

Or you can alternate single column blocks (with content inset) with multi-column blocks (no inset) to break up the flow of text or other content on the page.

KB Guide Image

Float blocks to create wrapped text around the block. To learn more, visit Moving blocks.

KB Guide Image

Cambiar el ancho del recuadro

Usa los ajustes que siguen para cambiar el ancho de tu recuadro de contenido en estas familias de plantillas:

  • Brine: recuadro de contenido en la sección Principal de estilos del sitio. Debe haber, al menos, un bloque afectado en la página para que aparezca este ajuste.
  • Farro: recuadro de contenido en la sección Principal de estilos del sitio.
  • Pacific: No se puede ajustar.
  • Skye: recuadro de contenido en la sección Sitio de estilos del sitio. Galería, video e imágenes sin bordes borra el recuadro en esos bloques.

Ten en cuenta lo siguiente:

  • Usa el control deslizante de ese retoque para configurar el recuadro. Este varía de 05, en el que 5 es el más estrecho.
  • Para borrar el recuadro de contenido, configura el ajuste Recuadro de contenido en 0.
  • El recuadro de contenido se relaciona con el ancho de todo el sitio, de modo que los ajustes de ancho del sitio y relleno afectan el ancho del recuadro de contenido.

Funciones de recuadro en la versión 7.1

Si tu sitio está en la versión 7.1, puedes lograr efectos de sangría similares usando estilos de sección:

Footer Image
  • Recibe ayuda de nuestra comunidad

  • Recibe la ayuda de nuestra comunidad para personalizaciones avanzadas.

  • Contrata a un Squarespace Expert

  • Destácate en línea con la ayuda de un diseñador o desarrollador con experiencia.

Recuadro de contenido en la versión 7.0