| Propósito | Gerencie cores, botões, tipografia, estilo de imagens e planos de fundo em todo o site a partir do Tema do Site no editor do Cloudbeds Websites. |
| Ideal para | Gerentes, Diretores Gerais e Administradores que gerenciam o estilo visual de um site da Cloudbeds. |
| Use quando | Você quiser aplicar configurações de design consistentes em todo o site, em vez de estilizar widgets ou páginas individuais um a um. |
| Requisitos | Um site da Cloudbeds e acesso para abrir o editor do Cloudbeds Websites. |
| Resultado esperado | Seu site utiliza configurações globais de design consistentes, com substituições individuais aplicadas apenas quando necessário. |
Introdução
Use o recurso Tema do Site no editor do Cloudbeds Websites para gerenciar o estilo visual geral do seu site a partir de um único lugar. O Tema do Site ajuda a manter cores, botões, tipografia, estilo de imagens e fundos consistentes entre as páginas.
Use o Tema do Site quando quiser que uma alteração de design seja aplicada amplamente em todo o site. Alterações feitas diretamente em um widget ou página individual substituem a configuração correspondente do Tema do Site.
Conteúdo
- Acesso ao Tema do Site
- Entendendo os estilos globais e substituições
- Personalizando as cores do tema
- Personalizando os estilos de botões
- Personalizando o texto do tema
- Personalizando os estilos de imagens
- Personalizando os planos de fundo
- Outras opções do Tema do Site
Acesso ao Tema do Site
Abra o tema do site no painel lateral esquerdo do editor do Cloudbeds Websites quando quiser gerenciar as configurações globais de design do site.
- Abra seu site da Cloudbeds no editor do Cloudbeds Websites;
- No painel lateral esquerdo, selecione o ícone Tema;
- Use as seções disponíveis do tema do site para atualizar as configurações globais de design.
O painel do tema do site inclui controles globais para Cores, Botões, Texto, Largura e Espaçamento, Imagens e Fundos:
A parte superior do tema do site mostra os controles globais de Cores, Botões e Texto:
Mais abaixo, o tema do site inclui estilos de cabeçalho além de Largura e Espaçamento, Imagens e Fundos:
Entendendo os estilos globais e substituições
As alterações feitas no tema do site se aplicam em todo o site para que você mantenha um estilo visual consistente sem precisar editar a mesma configuração em cada página.
As alterações feitas diretamente em um widget ou página individual substituem a configuração correspondente do tema do site. Defina seu tema global primeiro e depois aplique substituições individuais somente onde forem necessárias.
Personalizando as cores do tema
Use a seção Cores para criar e gerenciar a paleta de cores global usada em todo o site.
- No Tema do Site, expanda Cores;
- Selecione a amostra de cor que deseja atualizar;
- Insira um valor HEX ou RGB, ou use a ferramenta conta-gotas para selecionar uma cor;
- Repita para as cores restantes do tema conforme necessário;
- Para renomear uma cor do tema, passe o mouse sobre o nome da cor e selecione o ícone de lápis, depois insira o novo nome.
Personalizando os estilos dos botões
Use a seção Botões para gerenciar os estilos globais dos botões Primário e Secundário usados em todo o site.
- No Tema do Site, expanda Botões;
- Selecione o estilo do botão Primário ou Secundário que deseja atualizar;
- Ajuste as configurações disponíveis do botão para combinar com o design do seu site.
Personalizando o texto do tema
Use a seção Texto para gerenciar a tipografia global para texto padrão, texto de parágrafo e níveis de título.
- No Tema do Site, expanda Texto;
- Selecione o tipo de texto que deseja atualizar:
- DFLT: Define o tema para texto em widgets que não está designado a um estilo de parágrafo ou título. A aparência dos links também pode ser personalizada aqui.
- PAR: Define o tema para conteúdo de parágrafo ou widget de texto.
- H1-H6: Define o tema para os níveis de título de 1 a 6.
- Ajuste as configurações de texto disponíveis, que podem incluir fonte, peso, tamanho, escala do texto, cor, formato da fonte, direção do texto, altura da linha, espaçamento entre letras, todas as letras maiúsculas e sombra do texto.
Escolha estilos de fonte que combinem com sua marca e permaneçam fáceis de ler. Mantenha os tamanhos e pesos dos títulos consistentes e use cores de texto que contrastem claramente com o fundo.
Personalizando os estilos de imagens
Use a seção Imagens para gerenciar o estilo global dos widgets de imagem. Os controles disponíveis podem incluir layout da imagem, estilo da borda, cantos arredondados e efeitos de sombra.
Para carregar, organizar e reutilizar ativos de mídia, consulte Gerenciar imagens e mídia no Cloudbeds Websites.
Personalizando os planos de fundo
Use a seção Fundos para definir um plano de fundo padrão do site ou aplicar um fundo diferente a uma página específica.
Definindo o fundo padrão
- No Tema do Site, expanda Planos de Fundo;
- Expanda Plano de Fundo Padrão;
- Selecione a opção Cor ou Imagem;
- Escolha o plano de fundo que deseja usar como padrão do site.
Definindo um plano de fundo para uma página específica
- No Tema do Site, expanda Planos de Fundo;
- Expanda Plano de Fundo por Página;
- Selecione a página que deseja personalizar;
- Selecione a opção Cor ou Imagem;
- Escolha o plano de fundo que deseja usar para essa página.
Outras opções do Tema do Site
O painel do Tema do Site também inclui controles de Largura e Espaçamento. Esses controles aparecem junto com as outras categorias globais do Tema do Site na interface atual do Editor 2.0.
Artigos relacionados
Agora que você sabe como gerenciar as configurações globais do Tema do Site, use estes recursos para uma orientação e navegação mais amplas no Cloudbeds Websites Editor:
Comentários
Por favor, entre para comentar.