Arte de fundo da seção

Adicione uma arte exclusiva, gerada especificamente para o seu site, ao fundo da seção.

Ultima atualização 24 de Novembro de 2023

Você pode escolher entre várias opções ao definir o estilo do plano de fundo do seu site. Este guia analisa como criar arte de fundo exclusiva usando cores, padrões e formas geradas na plataforma Squarespace.

Escolha um padrão animado para um visual animado; ou selecione um gradiente mais sutil. Use um padrão predefinido ou personalize com formas, tamanhos e movimentos específicos.

Se você quiser usar sua própria arte como plano de fundo, faça upload de imagens ou vídeos de plano de fundo. Aprenda sobre todas as opções de estilo de plano de fundo em Estilizar o plano de fundo do site.

Acessando o recurso

A arte de fundo da seção só é aceita na versão 7.1. Para ter um efeito semelhante na versão 7.0, é possível adicionar uma imagem do banner e vídeos de fundo, dependendo do modelo.

Assista a este vídeo

Antes de começar

  • Você pode adicionar arte de fundo ao layout automático, portfólio e bloco nas seções de página. Não é possível adicionar arte de fundo às seções da galeria ou de coleção.
  • A arte de fundo só aparece em browsers e aparelhos que aceitam WebGL, uma ferramenta que funciona com o processador gráfico do seu aparelho. Para saber se o seu browser a aceita, acesse get.webgl.org. Caso não aceite, o fundo da seção ficará estático.
  • Se a seção incluir texto ou outro conteúdo, veja se ela ainda está visível e legível na frente da arte de fundo. Para alterar a cor do texto, use os ajustes de fonte no tema de cores dessa seção.
  • Na arte animada, a seção incluirá um botão de pausa no canto inferior direito, para que o seu site seja acessível aos visitantes sensíveis a fundos em movimento. Não é possível desativar esse botão.

Adicione a arte de fundo

Para adicionar uma arte de fundo:

  1. Abra o painel "Páginas" e clique na página com a seção a ser editada.
  2. No canto superior esquerdo, clique em Editar.
  3. Clique no ícone de lápis da seção e clique em Plano de fundo.
  4. Clique em Arte e depois em um bloco para ver a prévia da arte na seção. As cores são turadas das opções Bright no seu esquema de cores.
  5. Para variar o design, clique em um dos pequenos círculos que aparecem sobre o bloco.
  6. Para personalizar a arte, clique no ícone de configurações para abrir o painel de detalhes. Saiba mais na seção abaixo.
  7. Para fixar a Largura do plano de fundo, selecione Sem margens ou Inserção.
  8. Quando encontrar o design de que gosta, clique em Salvar para salvar suas alterações e continuar editando, ou clique em Sair e em Salvar para fechar o editor.

Personalize os detalhes da arte de fundo

Você pode personalizar a arte de fundo no painel de detalhes. Para abrir o painel, clique em uma miniatura de arte e depois no ícone de configurações.

The_settings_icon_on_section_background_art.png

The_settings_icon_on_section_background_art.png

Confira as opções e configurações até achar um padrão do seu gosto. Clique em uma categoria para expandir o menu suspenso e revelar mais opções. Aparecerão diferentes categorias de acordo com o tipo de arte de fundo inicial.

Por exemplo:

  • Na maioria dos painéis de detalhes do fundo, você pode clicar em Inverter cores para trocar as cores usadas.
  • Em um painel de detalhes do fundo, você pode clicar em Randomizar para testar uma configuração aleatória.

Outras configurações são exclusivas em cada estilo de arte de fundo e incluem controles deslizantes e alternadores que alteram os principais componentes da arte. Recomendamos testar as diferentes opções em cada painel de detalhes até criar uma combinação que você goste.

Confira abaixo um exemplo de arte de fundo da seção.

Create_striking_visual_animations_with_section_background_art.gif
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.