Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Aprenda Personalização do Design do Site | Construindo um Site Completo do Zero
Crie um Site sem Código com o WordPress

bookPersonalização do Design do Site

Após instalar seu tema e importar um template inicial, é hora de personalizar seu site para que ele reflita sua marca e conteúdo.

Usando o Personalizador do WordPress
expand arrow

O Personalizador do WordPress permite editar o design do seu site em tempo real e visualizar as alterações imediatamente.

Para acessá-lo:

  • Vá em Aparência → Personalizar no painel do WordPress;
  • O Personalizador será aberto com uma pré-visualização ao vivo do seu site à direita e um menu de configurações à esquerda.

As opções disponíveis no Personalizador variam conforme o tema ativo. Ao usar o Astra com um Starter Template, normalmente estão disponíveis as seguintes opções:

  • Configurações globais: ajuste de fontes, cores e largura do container;
  • Construtor de cabeçalho e rodapé: edite as áreas superior e inferior do seu site;
  • Menus e widgets: gerencie elementos de navegação e da barra lateral.

Não é necessário explorar todas as configurações agora—concentre-se apenas no básico.

Ajustando Elementos Principais
expand arrow

Estes são os principais itens a serem observados ao personalizar o design do seu site:

1. Cores e Tipografia

  • Vá em Global → Cores para alterar as cores de fundo, texto e links;
  • Vá em Global → Tipografia para definir fontes e tamanhos para títulos e corpo do texto.

2. Cabeçalho e Rodapé

  • Clique em Construtor de Cabeçalho ou Construtor de Rodapé no Personalizador;
  • Você verá um layout visual onde pode clicar em diferentes seções (logo, menu, ícones sociais, etc.) para editá-las;
  • Também é possível remover ou reorganizar elementos arrastando-os para novas posições.
Adicionando um Logo e Favicon
expand arrow

Se você não enviou seu logo ao importar o template inicial, pode fazer isso agora.

Para atualizar seu logo:

  1. Vá em Construtor de Cabeçalho → Título do Site & Logo;
  2. Clique em Selecionar Logo e envie sua imagem (preferencialmente PNG com fundo transparente).

Para adicionar um favicon (ícone da aba do navegador):

  1. Vá em Configurações Gerais → Identidade do Site;
  2. Em Ícone do Site, envie uma imagem quadrada (recomendado 512x512 pixels).
Salvando Suas Alterações
expand arrow

Quando estiver satisfeito com as alterações, clique no botão Publicar no topo do Personalizador para salvar todas as mudanças.

question mark

O que é um favicon no WordPress?

Select the correct answer

Tudo estava claro?

Como podemos melhorá-lo?

Obrigado pelo seu feedback!

Seção 7. Capítulo 2

Pergunte à IA

expand

Pergunte à IA

ChatGPT

Pergunte o que quiser ou experimente uma das perguntas sugeridas para iniciar nosso bate-papo

Awesome!

Completion rate improved to 3.45

bookPersonalização do Design do Site

Deslize para mostrar o menu

Após instalar seu tema e importar um template inicial, é hora de personalizar seu site para que ele reflita sua marca e conteúdo.

Usando o Personalizador do WordPress
expand arrow

O Personalizador do WordPress permite editar o design do seu site em tempo real e visualizar as alterações imediatamente.

Para acessá-lo:

  • Vá em Aparência → Personalizar no painel do WordPress;
  • O Personalizador será aberto com uma pré-visualização ao vivo do seu site à direita e um menu de configurações à esquerda.

As opções disponíveis no Personalizador variam conforme o tema ativo. Ao usar o Astra com um Starter Template, normalmente estão disponíveis as seguintes opções:

  • Configurações globais: ajuste de fontes, cores e largura do container;
  • Construtor de cabeçalho e rodapé: edite as áreas superior e inferior do seu site;
  • Menus e widgets: gerencie elementos de navegação e da barra lateral.

Não é necessário explorar todas as configurações agora—concentre-se apenas no básico.

Ajustando Elementos Principais
expand arrow

Estes são os principais itens a serem observados ao personalizar o design do seu site:

1. Cores e Tipografia

  • Vá em Global → Cores para alterar as cores de fundo, texto e links;
  • Vá em Global → Tipografia para definir fontes e tamanhos para títulos e corpo do texto.

2. Cabeçalho e Rodapé

  • Clique em Construtor de Cabeçalho ou Construtor de Rodapé no Personalizador;
  • Você verá um layout visual onde pode clicar em diferentes seções (logo, menu, ícones sociais, etc.) para editá-las;
  • Também é possível remover ou reorganizar elementos arrastando-os para novas posições.
Adicionando um Logo e Favicon
expand arrow

Se você não enviou seu logo ao importar o template inicial, pode fazer isso agora.

Para atualizar seu logo:

  1. Vá em Construtor de Cabeçalho → Título do Site & Logo;
  2. Clique em Selecionar Logo e envie sua imagem (preferencialmente PNG com fundo transparente).

Para adicionar um favicon (ícone da aba do navegador):

  1. Vá em Configurações Gerais → Identidade do Site;
  2. Em Ícone do Site, envie uma imagem quadrada (recomendado 512x512 pixels).
Salvando Suas Alterações
expand arrow

Quando estiver satisfeito com as alterações, clique no botão Publicar no topo do Personalizador para salvar todas as mudanças.

question mark

O que é um favicon no WordPress?

Select the correct answer

Tudo estava claro?

Como podemos melhorá-lo?

Obrigado pelo seu feedback!

Seção 7. Capítulo 2
some-alt