Altere o Plano de Fundo ou o Tema

Altere o Plano de Fundo

Camadas de segundo plano em cima umas das outras. Se você especificar um plano de fundo para um slot, ele ficará "em cima" do plano de fundo especificado para a página. Para a maioria das imagens e cores, a camada superior substitui eficazmente a camada inferior. Se você usar um grau de transparência em uma cor de plano de fundo ou em imagens, as cores nas camadas inferiores poderão ser exibidas através das cores usadas nas camadas superiores ou combinadas com estas.

Alguns componentes, como parágrafos e títulos, podem fornecer uma cor de plano de fundo como parte de um estilo predefinido ou como estilo personalizado. Se você especificar uma cor de fundo para um componente, ele também ficará na parte superior de qualquer layout de seção, slot ou plano de fundo da página. Consulte Use Estilos e Formatação.

As opções de segundo plano são semelhantes para páginas, slots e layouts de seção, embora você possa acessá-las de forma um pouco diferentes:

1. Abra um site para edição.

2. Navegue até a página que deseja editar e verifique se está definido como Editar.

3. Para alterar o plano de fundo de uma página ou slot:

   • Clique em na barra lateral e clique em .

   • Para especificar o plano de fundo de toda a página, clique em Preencher a Página e clique em . Para especificar o plano de fundo de um slot na página, selecione o slot e clique em .

4. Para alterar o plano de fundo de um layout de seção:

   • Clique no ícone de menu de do layout da seção e selecione Definições.

   • Clique em Plano de Fundo. As opções de plano de fundo são iguais para páginas, slots e layouts da seção.

5. Para usar uma imagem para o plano de fundo, clique em Selecionar Imagem. Você pode usar imagens de qualquer lugar que possa acessar. Você também pode usar imagens que tenham sido compartilhadas com você ou das quais você fez upload de uma localização de arquivo local ou de rede.

6. Selecione uma imagem e clique em OK. A janela exibe todos os arquivos disponíveis. Escolha o tipo de arquivo apropriado ao contexto. Por exemplo, se você estiver escolhendo um arquivo de imagem, selecione um arquivo com um formato de imagem válido (GIF, JPG, JPEG, PNG ou SVG).

7. Para ajustar as definições de imagem:

   • Use Posicionar para colocar a imagem na página no slot.

   • Selecione uma opção de Escala para ajustar a apresentação da imagem:

     • Ajustar: A imagem é dimensionada de modo que a imagem inteira se ajuste ao espaço disponível, sem ficar distorcida.

     • Ampliar: A maior das duas dimensões (largura ou altura) é dimensionada para se ajustar ao espaço disponível e a menor dimensão é ampliada para preencher o espaço disponível.
     • Nenhum: A imagem é usada em sua resolução de pixel completa e é cortada uniformemente se não couber no espaço disponível.

   • Selecione uma opção de Repetição para organizar lado a lado uma imagem que seja muito pequena para preencher o espaço disponível. Esta opção não se aplica se você selecionar Ampliar com a opção de Escala.

   • Selecione Não rolar com a página para manter a imagem estacionária enquanto o usuário rola a página.

8. Para selecionar uma cor para o plano de fundo, escolha uma cor do menu Cor ou clique em Mais para selecionar uma cor da gama de cores completa.

   • Clique na barra de espectro à direita para escolher uma cor e mostrar variações da cor na exibição de gama de cores. A tela mostra a cor selecionada no canto superior direito e tons da cor selecionada com quantidades crescentes de branco para a esquerda e quantidades crescentes de preto na parte inferior.

   • Para selecionar uma variação da cor, clique na exibição de gama de cores ou clique e arraste o ponto de seleção para uma nova posição de cor. A caixa de cor atual e o código da cor com 6 dígitos mostram a cor selecionada.

   • Para ajustar a transparência (canal alfa), clique e arraste o controle deslizante de transparência para a esquerda para aumentar a transparência. Um valor alfa de 0% torna a cor transparente, permitindo que ela e o conteúdo das camadas inferiores sejam totalmente exibidos. Um valor alfa de 100% torna a cor totalmente opaca, bloqueando toda a cor e o conteúdo das camadas inferiores. Outros valores permitem que as imagens e cores das camadas inferiores sejam mostradas e que suas cores sejam combinadas com as cores das camadas superiores em diferentes graus.

   • Para aplicar a seleção de cor atual, clique em Escolher.

Altere o Tema

1. Abra um site para edição.

2. Clique em na barra lateral e clique em .

3. Selecione um tema na lista de temas disponíveis e clique em OK. O tema é aplicado na atualização atual. Para salvar todas as alterações pendentes na atualização atual, clique em Salvar.