No painel "Tema do Site", você faz alterações que afetam todo o site. No painel de design, você personaliza o texto, os botões, as imagens, o fundo e o de navegação do seu site. Com isso, as mudanças visuais são feitas de forma rápida e eficiente, agilizando o processo de design e padronizando o estilo do site em todas as páginas.
As alterações feitas em um ou página específica afetam os temas definidos no painel "Tema do Site". Recomendamos primeiro decidir um tema do site para depois personalizar partes do site que você deseje destacar ou diferenciar das outras.
Até março de 2023, o Tema do Site se chamava Design Geral.
Painel "Tema do Site" - visão geral
Para abrir o painel "Tema do Site": no painel lateral, clique em Tema.
Com o painel "Tema do Site"aberto, a tela é automaticamente minimizada para 50%, de modo a ficar totalmente visível enquanto você ajusta as configurações do tema do site. Para retornar à tela 100%, clique na lista suspensa na barra superior e selecione 100%. A opção de zoom também está disponível no modo de prévia.
Texto
Esta seção controla o estilo do texto do site, além dos cabeçalhos de todos os tamanhos (H1 a H6). A alteração do tamanho da fonte, estilo, cor e outras edições afeta o futuro parágrafo e outros tipos de texto, bem como os widgets atuais vinculados ao "Texto do site" que não foram alterados manualmente. Saiba mais, em Texto do tema.
Cores
As cores definem uma paleta de cores e vincula cores específicas a qualquer ou a todo com as configurações de cores. A cor do elemento vinculado às cores do tema é atualizada automaticamente quando a cor vinculada é alterada nas configurações das cores do tema. Com isso, você altera rapidamente a cor, agilizando o processo do design e garantindo um estilo padronizado em todas as páginas do site. Saiba como configurar as cores do tema em Cores do tema.
Botões
Nesta seção, você define o estilo dos widgets do botão principal e secundário no seu site. Selecione um dos nossos layouts de botão e defina o texto, a cor do fundo, a borda, o estado do hover, os cantos e os estilos de sombra.
Para ocultar o botão Voltar ao início no celular, ative a chave seletora na seção "Layout do site".
Imagens
Esta seção controla o estilo dos imagem no site. Você pode alterar o layout da imagem; e adicionar ou editar o estilo da borda, ps cantos arredondados e os efeitos de sombra.
Linhas e colunas
Essas informações aplicam-se apenas ao Editor Clássico e não ao Editor 2.0 (anteriormente chamado de Editor All-Flex). Para identificar sua versão atual do editor, consulte Como identificar a versão do editor que seu site usa.
Esta seção define o tema do design da linha e da coluna em termos de cor do fundo e espaçamento padrão.
As edições feitas em uma linha ou coluna específica substituem as configurações de linha e coluna do tema.
Fundos
Esta seção controla o estilo do fundo do site. Escolha entre uma cor ou uma imagem no fundo. As alterações também afetam o modo desktop e tablet. Confira os detalhes em Personalize o fundo.
Layout do Site
Essas informações aplicam-se apenas ao Editor Clássico e não ao Editor 2.0 (anteriormente chamado de Editor All-Flex). Para identificar sua versão atual do editor, consulte Como identificar a versão do editor que seu site usa.
Controle a navegação de layout do site no desktop, tablet e celular. Para a versão de desktop, você pode escolher duas larguras: 960 px ou 1200 px.
Alterar o layout de navegação pode afetar o comportamento do cabeçalho e às vezes de todo o site. Se o cabeçalho parecer incorreto depois da alteração do layout, experimente outro layout.