Como personalizar o tema do site no Criador de Sites

Abaixo, clique na plataforma que utilizou para criar o seu site e confira como fazer:

Novo Criador de Sites com IA
Criador de Sites Rápido (versão antiga descontinuada)

Novo Criador de Sites com IA

1No Portal do Cliente, no menu lateral, clique em Sites

2Em seguida, no domínio que deseja acessar o Editor, clique em Editar Site

Tela do painel do Portal do cliente HostGator mostrando a gestão de sites, com opções para editar sites

3Confira abaixo em detalhes como modificar os seguintes elementos do seu tema:

Estilo do tema

1No Editor, no menu lateral, clique no ícone de estilo

tela do editor do criador de sites, destacando no menu lateral o ícone de estilo

2Na seção "Estilo atual", selecione a opção que deseja

Imagem ilustrativa do editor do criador de sites com ia, destacando as opções de estilo atual no menu lateral

3Para salvar, na parte inferior da tela, em “Atualização”, clique na seta e depois em Salvar layout

Imagem ilustrativa do editor do criador de site, destacando no menu inferior, o botão de salvar layout

Pronto! O estilo do site foi atualizado.

Paleta de cores

1No Editor, no menu lateral, clique no ícone de estilo

tela do editor do criador de sites, destacando no menu lateral o ícone de estilo

2Na seção "Cores", você verá a paleta atual do seu site. Para alterar as cores, você tem duas opções:

Opção 1: Com IA - Se deseja que a IA sugira outra paleta de cores, clique no ícone de estrelas

imagem ilustrativa do editor do criador de sites com ia, destacando dentro do estilo do site, a paleta de cores, para ser modificado com sugestões de IA

Opção 2: Manualmente
- Escolher a cor - clique sobre o quadrado da cor e escolha a nova opção
- Código hexadecimal - caso já tenha definida a cor, informe o código para aplicar - Por exemplo: para o "Branco" é #FFFFFF

imagem ilustrativa do editor do criador de sites com ia, destacando dentro do estilo do site, a paleta de cores, para ser modificado manualmente escolhendo a cor ou com código hex

3Para salvar, na parte inferior da tela em “Atualização”, clique na seta e depois em Salvar layout

Pronto! A paleta de cores do site está atualizada.

Tipografia

1No Editor, no menu lateral, clique no ícone de estilo

tela do editor do criador de sites, destacando no menu lateral o ícone de estilo

2Na seção "Tipografia", escolha o estilo dos textos do seu site, como:

Texto comum (Parágrafos)
Subtítulos (Subtitle)
Títulos principais (Heading 1, 2, 3 etc.)

Imagem ilustrativa do editor do criador do site, mostrando a tipografia do site

Se quiser criar um novo estilo de texto personalizado, clique em Adicionar novo

Imagem ilustrativa do editor do criador do site, destacando o botão para adicionar novo estilo de texto

3Para personalizar ou alterar uma fonte, escolha entre:

Opção 1: Com IA - Se deseja que a IA sugira outra tipografia para todos os itens de texto, clique no ícone de estrelas

Imagem ilustrativa do editor do criador do site, destacando o botão da ia para sugestões de tipografia

Opção 2: Manualmente - Clique sobre o bloco do texto, por exemplo “Heading 1” e selecione:
A) Tipo de letra (fonte):
- Escolha uma da lista

Imagem ilustrativa do editor do criador do site, destacando a lista para escolher uma fonte

Adicionar uma própria, clique em Adicionar nova fonte - Inclua fontes do Google, Adobe ou suba uma que já tenha salva

Imagem ilustrativa do editor do criador do site, destacando o botão para adicionar nova fonte

B) Tamanho - Define o tamanho da letra, em pixels – Por exemplo: 17px
C) Espessura - Bold ou normal
D) Altura da linha - Define o espaçamento vertical entre linhas do mesmo parágrafo
E) Espaço para cartas - Define o espaço horizontal entre letras. Pode ser usado para deixar o texto mais espaçado ou compacto

Imagem ilustrativa do editor do criador do site, destacando o botão para ajuste de tamanho da tipografia

Importante:

É possível ajustar a fonte de forma independente para computador, tablet e celular. Para isso, selecione o ícone do dispositivo desejado antes de fazer as alterações.

Imagem ilustrativa do editor do criador do site, destacando o botão para alterações personalizadas para cada dispositivo (computador, tablet, celular)

4Para salvar, na parte inferior do editor em “Atualização”, clique na seta e depois em Salvar layout

Imagem ilustrativa do editor do criador do site, destacando o botão para salvar modifcações

Reordenar blocos

1No Editor, no menu lateral, clique no ícone de retângulo azul (reordenar blocos) - Usada para organizar a ordem das seções do seu site

Imagem ilustrativa do editor do criador do site, destacando o ícone de blocos

2Para alterar a ordem de uma seção, clique nela, arraste para onde quiser e solte

Imagem ilustrativa do editor do criador do site, destacando o botão para ordenar seções do site

3Para salvar, na parte inferior do editor em “Atualização”, clique na seta e depois em Salvar layout

Criador de Sites Rápido (versão antiga)

Atenção:

Caso você esteja usando um Criador de Sites Rápido ou um Plano criador de sites (Pessoal, Profissional e Loja Online) ainda pode acessá-lo e usá-lo normalmente. Porém, eles estão descontinuados (não recebe mais atualizações e não está disponível para compras) - Recomendamos que utilize o Novo Criador de Sites com IA (Inteligência Artificial). Confira como fazer

Confira abaixo em detalhes como fazer para personalizar o tema do site:

As cores e fontes

1No Editor Criador de Sites, no menu lateral esquerdo, clique em Tema - Se necessário, confira como acessar a ferramenta

2Em seguida, escolha as “Cores” do site:

A)Tipo do contraste: claro ou escuro

B) Tema: clique sobre a cor que deseja alterar e defina como desejar

C) Cores do tema: você também pode alterar a cor geral do site, escolhendo entre 3 estilos, que são Vibrante, Subtítulo e Pastel

Imagem de uma salada fresca com folhas verdes, tomate e molho, ideal para uma alimentação saudável e refeições leves.

3Em “Fontes” selecione:

A) Tamanho: você pode definir entre Pequeno, Médio e Grande

B) Estilo:

Predefinições: fontes que serão aplicadas em todo o conteúdo do site;
Personalizar: você pode definir fontes diferentes para os Títulos e Parágrafos.

Imagem de uma salada fresca de alface, tomate e molho, destacando ingredientes naturais e saborosos, ideal para quem aprecia alimentos saudáveis.

As configurações do site

Na página que deseja editar, clique sobre a seção que quer alterar itens - como título, imagens, opções de botões, entre outros.

É necessário editar cada seção separadamente, pois os itens de edição serão diferentes dependendo da página e da seção.

Confira abaixo em detalhes os itens disponíveis para editar em “Configurações”:

A) Layout: escolha o layout que deseja através das setas – para alterar a posição de textos, botões, imagens, etc.;

B) Elementos: habilite se você quer Título, Subtítulo, Descrição, Botões e outros;

C) Cabeçalho: essa opção você terá ao clicar na seção de “Navegação”, para definir se deseja fixar o menu e habilitar escala de texto pela largura;

D) Configurações de Layout: ajuste o tamanho da seção e o alinhamento, se deseja à esquerda, ao centro ou à direita;

E) Mapa: opção disponível na página de “Contato”, você pode alterar o nível do zoom e o tipo do mapa entre Roteiro e Satélite.

Imagem de uma salada fresquinha com vegetais variados, promovendo sabores e cores vibrantes. Ideal para restaurantes e negócios de alimentação saudável.

Imagens de Plano de fundo

Na aba “Plano de fundo”, clique sobre a seção que deseja editar e defina se o fundo será uma cor, imagem ou vídeo.

A) Cor: escolha uma cor ou clique em Gerenciar cores para mais opções;

B) Imagem: selecione uma imagem pré-definida ou suba uma que preferir, e coloque uma sobreposição de cor e opacidade;

C) Vídeo: selecione um pré-definido ou adicione o link do YouTube, e coloque uma sobreposição de cor e opacidade.

Imagem de uma salada de macarrão com tomates, representando alimentos frescos e saborosos na seção 'Cores e Sabores'.

Lembre-se sempre de após editar configurações e mexer na ferramenta, clicar em Salvar no menu superior.