Alterar o Fundo ou Tema

Pode especificar a imagem e a cor de fundo para a página, para slots individuais na página, e para disposições da secção dentro de um slot. Também pode alterar todo o tema para um site.

Um slot é uma área que abrange a largura da página e pode conter um ou vários tipos de conteúdo. O fundo que especificar para um slot aplica-se ao slot completo e a todos os componentes no slot.

Alterar o Fundo

Camadas de fundo sobrepostas. Se especificar um fundo para um slot, este é colocado "por cima" do fundo especificado para a página. Para a maioria das imagens e cores, a camada superior substitui efetivamente a camada inferior. Se utilizar um grau de transparência nas imagens ou numa cor de fundo, as cores nas camadas inferiores podem transparecer ou misturar-se com as cores utilizadas nas camadas superiores.

Alguns componentes, como parágrafos e títulos, podem fornecer uma cor de segundo plano como parte de um estilo predefinido ou como um estilo customizado. Se especificar uma cor de fundo para um componente, esta também se sobreporá em qualquer disposição da secção, slot ou fundo da página. Consulte Utilizar Estilos e Formatação.

As opções de segundo plano são semelhantes para páginas, slots e disposições da secção, apesar de lhes aceder de formas ligeiramente diferentes:

  1. Abra um site para edição.

  2. Navegue até à página que pretende editar e certifique-se de que comutador Editar está definido para Editar.

  3. Para alterar o fundo de uma página ou slot:
    • Clique em ícone Design na barra lateral e, em seguida, clique em ícone Fundo.

    • Para especificar o fundo para a página completa, clique em Página Completa e clique em Definições. Para especificar o fundo para um slot na página, selecione o slot e clique em Definições.

  4. Para alterar o fundo de uma disposição da página:
    • Clique no ícone de menu ícone Menu do Componente da disposição da secção e escolha Definições.

    • Clique em Fundo. As opções de fundo são as mesmas para páginas, slots e disposições de secção.

  5. Para utilizar uma imagem para o fundo, clique em Selecionar Imagem. Pode utilizar imagens de qualquer localização à qual possa aceder. Também pode utilizar imagens partilhadas consigo ou importadas por si a partir de uma localização de ficheiros de rede ou local.

  6. Selecione uma imagem e clique em OK. A janela apresenta todos os ficheiros disponíveis. Escolha o tipo de ficheiro apropriado para o contexto. Por exemplo, se pretende escolher um ficheiro de imagem, selecione um ficheiro com um formato de imagem válido (GIF, JPG, JPEG, PNG ou SVG).

  7. Para ajustar as definições da imagem:
    • Utilize Posição para colocar a imagem na página ou no slot.

    • Selecione uma opção de Escala para ajustar a apresentação da imagem:
      • Ajustar: A imagem é dimensionada de modo a ajustar a totalidade da imagem no espaço disponível sem a distorcer.

      • Alongar: A maior das duas dimensões (largura ou altura) é dimensionada de modo a ajustar-se ao espaço disponível e a dimensão menor é alongada para preencher o espaço disponível.
      • Nenhum: A imagem é utilizada com a resolução de píxeis máxima e é recortada uniformemente se não couber no espaço disponível.
    • Selecione uma opção de Repetir para complementar uma imagem demasiado pequena para preencher o espaço disponível. Esta opção não é aplicável se selecionar Alongar como a opção de Escala.

    • Selecione Não deslocar a página para manter a imagem estacionária enquanto o utilizador desloca a página.

  8. Para selecionar uma cor para o fundo, escolha uma cor do menu Cor ou clique em Mais para selecionar uma cor da gama completa de cores.
    • Clique na barra da gama de cores à direita para escolher uma cor e apresentar variações da cor na apresentação do intervalo de cores. A apresentação mostra a cor selecionada no canto superior direito e os sombreados da cor selecionada com quantidades crescentes de branco no sentido do lado esquerdo e quantidades crescentes de preto na parte inferior.

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

    • Para ajustar a transparência (canal alfa), clique e arraste o cursor de deslocação de transparência para a esquerda para aumentar a transparência. Um valor alfa de 0% torna a cor transparente, permitindo que a cor e o conteúdo das camadas inferiores transpareçam completamente. Um valor alfa de 100% torna a cor completamente opaca, bloqueando todo e qualquer tipo de cor e conteúdo das camadas inferiores. Outro valores permitem que as imagens e as cores das camadas inferiores transpareçam e que as respetivas cores se misturem com as das camadas superiores em diferentes graus.

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

Alterar o Tema

A alteração ao tema é gravada como parte de uma atualização quando clica em Gravar. A alteração do tema não é aplicada ao site até publicar a atualização.

Nota:

Nem todos os temas são compatíveis entre si. Diferentes temas podem conter uma navegação, nome de estilo ou informações de disposição da página diferentes. Por exemplo, se escolher um tema com diferentes nomes de disposição, as páginas existentes poderão utilizar disposições que não estão disponíveis no tema. Essas páginas aparecem em branco. O conteúdo da página não é apagado, só pode ser apresentado se o tema que escolher tiver uma disposição e slots com os mesmos nomes. Se escolher um tema incompatível, pode alterar o tema de volta para o tema original para repor o conteúdo da página.

Certifique-se de que muda para um tema compatível. Se não tiver a certeza, consulte o programador do tema.

Para alterar o tema utilizado para o site:
  1. Abra um site para edição.

  2. Clique em ícone Design na barra lateral e, em seguida, clique em ícone Tema.

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