Pular para o conteúdo principal

Ajuda do Website

Deutsch Español Français Italiano 繁體中文

Central de ajuda

Como podemos ajudá-lo?

Pesquisa

Tema do site

  • Atualizado

O painel Tema do site permite que você faça alterações que afetam todo o site. Você pode personalizar o texto, os botões, as imagens, o plano de fundo e os widgets de navegação do seu site no painel de design. Isso permite que você faça mudanças visuais abrangentes de forma rápida e eficiente, reduzindo o tempo de design e mantendo o estilo do seu site consistente em todas as páginas

Para abrir o painel Tema do site, no painel lateral, clique emTema. Quando o painel Tema do site é aberto, a tela é automaticamente minimizada para 50% de visualização, para que toda a tela fique visível ao ajustar as configurações do tema do site. Se você quiser retornar à visualização 100% em tela, clique no menu suspenso na barra superior e selecione 100%. A capacidade de aumentar ou diminuir o zoom também está disponível no modo de visualização.

Nota

  • As alterações feitas em widgets ou páginas específicos substituirão os temas definidos no painel Tema do site. Recomendamos que você escolha primeiro o tema do site e, em seguida, faça personalizações em partes do site que você deseja que se destaquem ou tenham uma aparência diferente das demais

Texto do tema

Esta seção permite controlar o texto do seu site, tanto para texto quanto para cabeçalhos de todos os tamanhos (H1 a H6). Altere o estilo e a aparência do texto em todo o site. Você pode alterar o tipo e o tamanho da fonte e também escolher configurações para texto, links e títulos normais.

Alterar o tamanho, o estilo, a cor e outras edições da fonte afetará os parágrafos futuros e outros tipos de texto, bem como os widgets atuais conectados ao texto do site que não foram alterados manualmente.

Configurar texto do tema

Para configurar o texto do tema:

  1. No painel lateral, clique em Tema.

  2. Clique na seta ao lado de Texto.

  3. Clique no tipo de texto desejado. As opções são:

    • DFLT. Isso definirá o tema para todo o texto em widgets que não estão atribuídos a um título ou ao estilo de parágrafo, como o widget de navegação. A cor do texto do link e o sublinhado também podem ser definidos aqui. Além disso, você tem a opção de personalizar a aparência dos links para diferentes estados, incluindo o estado padrão do link, o link ao passar o mouse e o link clicado

    • PAR. Isso definirá o tema do widget de texto

    • Título e subtítulos H1-H6.

  4. Você pode alterar o seguinte por tipo de texto:

    • Fonte

    • Tamanho da fonte. Isso é definido para desktop/tablet e celular

    • Escale o texto. (Somente Editor 2.0) Quando ativado, o texto é dimensionado com base na largura do contêiner principal. Isso pode ser útil se você não quiser uma quebra de linha em um título. Os widgets com texto conectado ao tema herdarão essa configuração, mas a configuração pode ser substituída

    • Cor da fonte

    • Formato da fonte

    • Direção do texto

    • Peso da fonte

    • Altura da linha

    • Espaçamento entre letras

    • Todas as letras maiúsculas

    • Sombra de texto

Fazer alterações na área de texto do tema altera todo o texto no site que não é substituído por alterações de estilo individuais e personalizadas. Quando edições manuais são feitas em elementos individuais, elas substituem o tema do site e quaisquer alterações feitas no tema do site não afetarão mais o estilo desses elementos. Isso ocorre nas configurações de estilo individuais de um determinado elemento do site, por exemplo, se você alterou apenas a cor do texto em um widget H1 específico na tela

  • E então mudou otamanho da fontede H1 no tema do site, o tamanho da fonte do H1 ainda mudará no widget H1.

  • E então mudou ocordo H1 no tema do site, o H1 que foi alterado não será atualizado com a mudança de cor.

Atualizar texto do tema

Você pode atualizar o texto do tema nas configurações de texto clicando emTemae, em seguida, selecionandoTexto. Ou você pode clicar em um widget de texto para abrir o menu de contexto, clicar no menu suspenso de seleção de títulos eAtualizar tema. Isso abre as configurações de texto do tema, nas quais você pode fazer atualizações.

Biblioteca de fontes

O editor apresenta uma variedade de fontes para seu uso. Defina uma fonte de texto do tema ou opte por diferenciar seu texto usando várias fontes diferentes em seu site

Para ver as fontes disponíveis e ver como elas se parecem:

  1. No painel lateral, clique em Tema.

  2. Clique Texto.

  3. Selecione uma fonte doFontemenu suspenso.

Cores do tema

As cores permitem definir uma paleta de cores e vincular as cores individuais a qualquer ou a todos os widgets com configurações de cores. A cor de qualquer elemento vinculado às cores do tema será atualizada automaticamente quando a cor vinculada for alterada nas configurações de cores do tema. Isso permite que você faça alterações de cor rapidamente, o que ajuda a reduzir o tempo de design e garante que o estilo do seu site seja consistente em todas as páginas.

Os proprietários da conta têm automaticamente permissões de editor e podem editar, visualizar e usar as cores do tema. Membros da equipe e clientes que não têm permissões de editor podem visualizar e usar as cores do tema, mas não podem editá-las.

Configurar cores do tema

Você pode configurar até 30 cores do tema.

Para configurar as cores do tema:

  1. No painel lateral, clique em Tema.

  2. Selecione a seta ao lado deCores.

  3. Clique noAlém dissoícone ao lado dePrimário, ou qualquer configuração que você precise definir.

  4. Digite o valor HEX ou RGB da cor desejada ou use a ferramenta de conta-gotas para selecionar uma cor.

  5. (Opcional) Você pode gerar cores a partir do seu logotipo. Clique para abrir a cor primária e, em seguida, abra o Marca aba e clique + Adicionar logotipo (se você adicionou um logotipo às suas informações comerciais na Biblioteca de conteúdo, ele aparecerá aqui). Depois de adicionar seu logotipo, um conjunto de cores é gerado.

    Se precisar remover ou substituir o logotipo, clique no ícone de três pontos ao lado do logotipo e selecione Remover ou Substituir imagem. Observe que você precisa da permissão da Biblioteca de conteúdo e informações comerciais para carregar, remover ou substituir o logotipo.

Repita essas etapas conforme necessário para cada cor do tema. Em seguida, você precisa conecte as cores aos widgets em seu site.

Configurar automaticamente as cores do tema

Se o site ou modelo ainda não tiver cores conectadas, isso poderá ser feito automaticamente. O gerador automático de cores do tema escaneia seu site e detecta as cores usadas com mais frequência. Ele gera uma lista de cores para selecionar e, uma vez selecionadas, essas cores se tornam as cores do tema e são conectadas aos widgets do site

Para configurar automaticamente as cores do tema:

  1. No painel lateral, clique em Tema.

  2. Selecione a seta ao lado de Cores.

  3. CliqueDefina as cores do tema.

  4. CliqueConecte-o para mimouVou conectá-lo sozinho.

  5. (Opcional) Se você selecionou Eu mesmo vou conectá-lo, clique noAlém dissoícone ao lado de cada cor no painel de design e selecione as cores individualmente.

  6. Selecione quais das cores geradas você deseja usar.

  7. CliqueSalve e conecte cores.

As cores serão preenchidas na seção Cores do painel Tema do site.

Conecte as cores do tema aos widgets

Para conectar um widget a uma cor do tema:

  1. Clique em um widget para abrir o menu de configurações.

  2. Abra as configurações de cores e selecione uma das cores do tema listadas na parte superior.

  3. Repita conforme necessário para outros elementos.

  4. (Opcional) Se você precisar editar uma das cores do tema, clique no ícone do lápis e as configurações de cores do tema serão abertas, onde você poderá editar a cor desejada.

Depois que um widget for conectado às cores do tema, ele será atualizado automaticamente quando a cor do tema vinculado for atualizada.

Renomear cores do tema

Para renomear as cores do tema:

  1. No painel lateral, clique em Tema.

  2. Clique Cores.

  3. Passe o mouse sobre o nome da cor desejada e clique no ícone do lápis.

  4. Digite um novo nome.

O novo nome é salvo automaticamente e aparecerá ao passar o mouse sobre a cor no seletor de cores.

Remover cores do tema

Você pode desconectar qualquer widget conectado às cores individuais do tema.

Para desconectar um widget:

  1. No painel lateral, clique em Tema.

  2. CliqueCores.

  3. Clique no ícone de três pontos horizontais (three gray horizontal dots) ao lado do Cores texto e selecioneRemover cores do tema.

  4. Selecione as cores a serem removidas e clique emRemover cores selecionadas.

Botões do site

Esta seção permite definir o estilo dos widgets de botões primários e secundários em seu site. Selecione um dos nossos layouts de botão e defina o texto, a cor de fundo, a borda, o estado de foco, os cantos e os estilos de sombra

Para esconder oVoltar ao topobotão no celular, ative a opção na seção Layout do site.

Imagens temáticas

Esta seção permite que você controle o estilo dos widgets de imagem em seu site. Você pode alterar o layout da imagem, adicionar ou editar o estilo da borda, cantos arredondados ou efeitos de sombra.

Linhas e colunas do tema

Nota

Essas informações são específicas do Editor Clássico e não são relevantes para o Editor 2.0 (anteriormente conhecido como Editor All-Flex). Para identificar sua versão atual do editor, veja Como identificar a versão do editor que seu site usa.

Esta seção permite definir o tema para o design de linhas e colunas em termos de cor de fundo e espaçamento padrão. As edições que serão feitas em linhas ou colunas individuais substituirão as configurações de linha e coluna do tema

Plano de fundo do tema

Esta seção permite que você controle o estilo de fundo do seu site. Escolha entre usar uma cor ou uma imagem como plano de fundo. Escolha uma imagem de fundo personalizada na galeria de fotos ou faça upload de suas próprias imagens para adicionar um design de site exclusivo. As alterações também afetam o desktop e o tablet.

Nota

Para obter informações sobre os planos de fundo dos elementos do site, consulte Planos de fundo do elemento.

Personalizar plano de fundo do site

Para personalizar o plano de fundo do seu site:

  1. No painel lateral, clique em Tema.

  2. Clique na seta ao lado dePlanos de fundo.

  3. CliquePlano de fundo padrão.

  4. Clique em qualquer um dosCorouImagemselecione uma cor para o plano de fundo do site ou faça o upload de uma imagem.

  5. (Opcional) Clique no botãoNão otimize esta imagemative para evitar a otimização (essa configuração aparecerá após a seleção de uma imagem).

Personalize o plano de fundo por página

Para personalizar o plano de fundo por página:

  1. No painel lateral, clique em Tema.

  2. Clique na seta ao lado dePlanos de fundo.

  3. CliquePlano de fundo por página.

  4. Selecione uma página no menu suspenso e selecione imagem ou cor para a página específica.

  5. (Opcional) Clique no botãoNão otimize esta imagemative para evitar a otimização (essa configuração aparecerá após a seleção de uma imagem).

Largura e espaçamento (Editor 2.0)

Nota

Essas informações são específicas do Editor 2.0, anteriormente conhecido como Editor All-Flex. Para identificar sua versão atual do editor, veja Como identificar a versão do editor que seu site usa.

Do Tema No painel, você pode ajustar o layout do site, o que inclui a configuração da largura da página e o espaçamento padrão entre seções, colunas e colunas internas.

Para acessar as configurações de layout do site:

  1. No painel lateral, clique em Tema.

  2. Clique Largura e espaçamento.

  3. Clique na seção desejada para expandi-la.

Largura da página

Você pode definir a largura de página padrão para seções não definidas como largura total (anteriormente chamadas de “sangria total”) no desktop. Ajustar a largura padrão da página pode ajudar a garantir a melhor legibilidade e o design do site para a forma como ele será exibido. Por exemplo, alguns sites são exibidos em uma tela de TV ou telas maiores do que um computador desktop comum.

Para definir a largura de página padrão:

  1. No painel lateral, clique em Tema.

  2. Clique Largura e espaçamento.

  3. Clique para expandir o Largura da página seção.

  4. Selecione qualquer um 1200 px, 1440 px, ou Personalizado. Se você selecionar Personalizado, use o controle deslizante para selecionar a largura do pixel ou inserir um valor no campo. O valor personalizado pode estar entre 960 px e 1920 px ou entre 50 vw e 100 vw

    Habilite o Largura total ative se quiser que todas as novas seções tenham largura total por padrão.

    page-spacing.png

Espaçamento entre seções

Você pode definir o espaçamento padrão para novas seções em branco adicionadas ao seu site. Se desejar, você pode substituir o espaçamento da seção do tema no painel de design da seção

Considerações importantes:

  • As seções adicionadas ao cabeçalho mantêm o espaçamento padrão do cabeçalho, independentemente do que esteja definido no espaçamento da seção do tema.

  • Observe que as seções criadas antes desta versão do recurso (5 de agosto de 2025) não herdam automaticamente o espaçamento de espaçamento entre seções, mas elas podem ser reconectadas abrindo o painel de design da seção e clicando em Redefinir o espaçamento do tema na gaveta Setion Spacing.

Para definir o espaçamento entre seções:

  1. No painel lateral, clique em Tema.

  2. Clique Largura e espaçamento.

  3. Clique para expandir o Espaçamento entre seções seção.

  4. Clique nas respectivas caixas para editar os valores de preenchimento. Os valores do preenchimento horizontal estão vinculados. Se você alterar um, o outro será atualizado automaticamente. Eles podem ser desvinculados clicando no ícone do link. Observe que o espaçamento entre seções é definido por ponto de interrupção

Se necessário, clique em Redefinir preenchimento para redefinir todos os valores para zero.

Se você modificar o espaçamento de uma seção individual, ela substituirá as configurações do tema. Você pode redefini-la para as configurações de espaçamento da seção do tema abrindo o painel de design da seção e clicando Redefinir o espaçamento do tema na gaveta Setion Spacing.

Espaçamento entre colunas

Você pode definir o espaçamento padrão para novas colunas em branco adicionadas ao seu site. Se desejar, você pode substituir o espaçamento da seção do tema no painel de design da coluna

Para definir o espaçamento padrão para colunas:

  1. No painel lateral, clique em Tema.

  2. Clique Largura e espaçamento.

  3. Clique para expandir o Espaçamento entre colunas seção.

  4. Clique nas respectivas caixas para editar os valores de preenchimento. Os valores do preenchimento vertical estão vinculados. Se você alterar um, o outro será atualizado automaticamente. Eles podem ser desvinculados clicando no ícone do link

Espaçamento interno da coluna

Você pode definir o espaçamento padrão para novas colunas internas adicionadas ao seu site. Se desejar, você pode substituir o espaçamento da seção do tema no painel de design da coluna interna

Para definir o espaçamento padrão para colunas internas:

  1. No painel lateral, clique em Tema.

  2. Clique Largura e espaçamento.

  3. Clique para expandir o Espaçamento interno da coluna seção.

  4. Clique nas respectivas caixas para editar os valores de preenchimento. Os valores do preenchimento vertical estão vinculados. Se você alterar um, o outro será atualizado automaticamente. Eles podem ser desvinculados clicando no ícone do link

Layout do site

Nota

Essas informações são específicas do Editor Clássico e não são relevantes para o Editor 2.0 (anteriormente conhecido como Editor All-Flex). Para identificar sua versão atual do editor, veja Como identificar a versão do editor que seu site usa.

Controle a navegação do layout do site no desktop, tablet e celular. Para a versão desktop, você pode escolher entre duas larguras: 960px ou 1200px

Alterar o layout da navegação geralmente afeta o comportamento do cabeçalho e, às vezes, do resto do site. Se o cabeçalho parecer incorreto repentinamente após alterar o layout, tente um layout diferente.

Layout da barra lateral para desktop

Nota

Essas informações são específicas do Editor Clássico e não são relevantes para o Editor 2.0 (anteriormente conhecido como Editor All-Flex). Para identificar sua versão atual do editor, veja Como identificar a versão do editor que seu site usa.

Você pode alterar o layout do seu site para desktop para um layout de barra lateral. O layout da barra lateral exibe o cabeçalho na lateral do site (à esquerda ou à direita) e é uma ótima ferramenta de design para dar uma aparência única ao seu site. O cabeçalho da barra lateral também funciona como um cabeçalho fixo, então ele sempre será exibido na tela e você também pode adicionar widgets na barra lateral como

Nota

  • Quando você muda de um layout de site tradicional para um layout de barra lateral, o cabeçalho mantém o logotipo e todos os widgets que você tinha serão removidos (semelhante a mudar o layout do cabeçalho no layout do cabeçalho superior). A cor de fundo será alterada de acordo com o layout selecionado.

  • O cabeçalho reduzido não está disponível para a navegação na barra lateral. A barra lateral é sempre exibida no site, independentemente da rolagem do site

  • Em telas menores que 1090 pixels de largura, o conteúdo da barra lateral, exceto a primeira imagem, ficará oculto e um ícone do menu de expansão será exibido. Você pode personalizar a cor do botão de gatilho que aparece no editor de design.

Para alterar o layout do seu site para um layout de barra lateral:

  1. No painel lateral, clique em Tema.

  2. Clique na seta ao lado deLayout do site.

  3. Selecione o layout da barra lateral. Você pode adicionar linhas, arrastar e soltar widgets no cabeçalho da barra lateral e personalizá-lo.

Para editar o design do cabeçalho da barra lateral, passe o mouse sobre a barra lateral e clique emBarra lateralno canto superior direito. Você pode escolher um dos vários layouts de cabeçalho da barra lateral para aplicar ao seu site, exibi-lo no lado esquerdo ou direito da tela, definir sua largura e