As cores do tema permitem definir uma paleta de cores e associar cores individuais a qualquer widget com configurações de cores. Qualquer elemento associado às cores do tema é atualizado automaticamente quando você altera a cor associada nas configurações de cores do tema. Isso permite fazer alterações de cor rapidamente, reduzindo o tempo de desenvolvimento e garantindo que o estilo do site permaneça consistente em todas as páginas.
Configurar cores do tema
Siga os passos abaixo para configurar manualmente as cores do seu tema.
- No painel lateral, clique em Tema e, em seguida, selecione a seta ao lado de Cores.
- Clique no ícone de mais (+) ao lado de "Principal" ou na configuração que você precisa definir.
- Digite o valor HEX ou RGB da cor desejada ou use a ferramenta conta-gotas para selecionar uma cor.
-
(Opcional) Você pode gerar cores a partir do seu logotipo. Clique para abrir a cor primária, depois abra a aba Marca e clique em +Adicionar Logotipo (se você adicionou um logotipo às suas Informações Comerciais na Biblioteca de Conteúdo, ele aparecerá aqui). Após adicionar o logotipo, um conjunto de cores será 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 de permissão da Biblioteca de Conteúdo para carregar, remover ou substituir o logotipo.
Repita esses passos conforme necessário para cada cor do tema. Em seguida, você precisa conectar as cores aos do seu site.
Configurar automaticamente as cores do tema
Se o site ou modelo não tiver cores associadas, o Guesty pode adicioná-las automaticamente. O gerador automático de cores do tema analisa seu site para detectar as cores mais usadas e gera uma lista para você selecionar.
- No painel lateral, clique em Tema e, em seguida, selecione a seta ao lado de Cores.
- Clique em Definir cores do tema.
- Clique em "Conectar para mim" ou "Eu mesmo conectarei".
- (Opcional) Se você selecionou "Eu mesmo conectarei", clique no ícone de mais (+) ao lado de cada cor no painel de design e selecione as cores individualmente.
- Selecione qual das cores geradas você deseja usar.
- Clique em Salvar e Conectar Cores.
As cores serão exibidas na seção Cores do painel Tema do Site.
Conecte as cores do tema aos widgets
Siga os passos abaixo para vincular um widget específico à paleta do seu tema.
- Clique em um para abrir o menu de configurações.
- Abra as configurações de cores e selecione uma das cores do tema listadas na parte superior.
- Repita o processo para os outros elementos, se necessário.
- (Opcional) Se precisar editar uma das cores do tema, clique no ícone de lápis e as configurações de cores do tema serão abertas, onde você poderá editar a cor desejada.
Uma vez que um esteja conectado às cores do tema, ele será atualizado automaticamente quando a cor do tema vinculada for atualizada.
Remover cores do tema
Você pode desvincular widgets de cores de tema individuais ou remover cores da paleta completamente.
- No painel lateral, clique em Tema.
- Clique em Cores.
- Clique no ícone de três pontos horizontais ao lado do texto Cores e selecione Remover cores do tema.
- Selecione as cores que deseja remover e clique em Remover cores selecionadas.
Renomear cores do tema
Siga as instruções abaixo para renomear as cores do tema.
- No painel lateral, clique em Tema e, em seguida, em Cores.
- Posicione o cursor sobre o nome da cor desejada e clique no ícone do lápis.
- Digite um novo nome.
O novo nome é salvo automaticamente e aparecerá ao passar o cursor sobre a cor no seletor de cores.