Inserção de conteúdo na versão 7.0

Adicione espaçamento estilizado ao layout do seu site em determinados templates da versão 7.0.

Ultima atualização 1 de Março de 2023

Alguns templates da versão 7.0 têm um recurso de layout em todo o site chamado “inserção de conteúdo”. Isso recua algum conteúdo, criando uma coluna mais estreita, enquanto outro conteúdo aparece na largura total. Variar as margens dessa maneira faz com que seu texto pareça mais dinâmico, semelhante à forma como as revistas chamam a atenção para citações com layouts criativos.

A inserção afeta áreas onde você pode adicionar blocos, como Página de Layout, publicações do blog e rodapé.

Acessando o recurso

A inserção de conteúdo é um recurso específico disponível em alguns templates da versão 7.0. Para efeitos semelhantes na versão 7.1, consulte Recursos de inserção na versão 7.1.

Templates supporting the content inset

O recurso inserção de conteúdo está disponível nos templates das famílias:

  • Brine
  • Farro
  • Pacific - somente nas publicações do blog
  • Skye

Uso da inserção de conteúdo

Ao adicionar blocos ao seu site, você pode usar um bloco sozinho para criar uma única coluna ou adicionar vários blocos lado a lado para criar várias colunas.

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

farro-inset.png

Affected blocks

Apenas alguns blocos seguem a inserção de conteúdo. Diferentes blocos são afetados em cada uma das seguintes famílias de template:

Brine

These blocks appear full-width (no inset):

  • Blocos de Arquivo
  • Bandsintown blocks
  • Bloco de Calendário
  • Blocos de Galeria
  • Blocos de Imagem
  • Bloco do Instagram
  • Blocos de Mapa
  • Blocos de Menu
  • Blocos de Vídeo

All other blocks are inset.

Farro

These blocks appear full-width (no inset): 

  • Blocos de Arquivo
  • Bandsintown blocks
  • Bloco de Calendário
  • Blocos de Galeria
  • Blocos de Imagem
  • Bloco do Instagram
  • Blocos de Mapa
  • Blocos de Menu
  • Blocos de Vídeo

All other blocks are inset.

Pacific

On blog posts, these blocks follow the inset:

  • Blocos de Texto
  • Blocos 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): 

  • Blocos de Imagem
  • Blocos de Galeria
  • Blocos de Vídeo

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 exemplo, como os blocos de imagem não têm uma inserção de conteúdo, eles exibem blocos de texto mais amplos do que uma única coluna. Texto estreito alternado e imagens mais amplas fazem com que as imagens se destaquem.

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

Altere a largura da inserção

Nas seguintes famílias de template, use os ajustes abaixo para alterar a largura da inserção de conteúdo:

  • Brine - inserção de conteúdo na seção Principal do painel Estilos do Site. Deve haver pelo menos um bloco afetado na página para que esse ajuste apareça.
  • FarroInserção de conteúdo na seção Principal dos estilos do site.
  • Pacific - não pode ser ajustado.
  • Skye - inserção de conteúdo na seção Principal do painel Estilos do Site. Nas imagens sem margem, vídeos e galerias, a inserção é excluída desses blocos.

Lembre-se:

  • Use o controle deslizante do ajuste para definir a inserção. A largura varia de 0 5, sendo 5 a mais estreita.
  • Para excluir a inserção de conteúdo, deixe o ajuste Inserção de conteúdo em 0.
  • A inserção de conteúdo segue a largura geral do site. Portanto, a largura do site e os ajustes da margem afetam a largura da inserção de conteúdo.

Recursos de inserção na versão 7.1

Se o seu site estiver na versão 7.1, é possível obter efeitos de recuo semelhantes usando estilos de seção:

Footer Image
  • Peça ajuda à nossa comunidade

  • Peça ajuda à nossa comunidade sobre personalizações avançadas.

  • Contrate um Squarespace Expert

  • Ganhe destaque on-line com a ajuda de um designer ou desenvolvedor experiente.

Inserção de conteúdo na versão 7.0