🧭 Quando usar
Ao criar a identidade visual da sua loja
Ao substituir o logo padrão do tema WordPress
Ao personalizar o ícone da aba do navegador (favicon)
✅ Pré-requisitos
Acesso ao painel do WordPress
Tema ativo instalado (ex.: Kadence, Hello Elementor, Astra)
Arquivos de imagem prontos:
Logo principal: formato .PNG ou .JPEG (preferência com fundo transparente)
Ícone do site (favicon): formato quadrado (512x512 px)
🛠️ Passo a passo
Passo 1 – Acessar a área de personalização
No painel do WordPress, acesse Aparência » Personalizar.
O menu lateral exibirá todas as opções de aparência e identidade do site.
Passo 2 – Entrar em “Identidade do Site”
Clique em Identidade do Site (Site Identity).
Aqui você pode definir:
Título e descrição do site
Logotipo principal
Ícone do site (favicon)
Passo 3 – Adicionar ou alterar o ícone do site (favicon)
Clique em Selecionar imagem na seção Ícone do site.
Escolha uma imagem quadrada — o WordPress pedirá um recorte automático.
Ajuste o corte conforme necessário e clique em Recortar imagem.
O ícone aparecerá na aba do navegador.
💡 Dica: O tamanho recomendado é 512x512 px.
Passo 4 – Inserir o logotipo
Clique em Selecionar logotipo.
Escolha a imagem desejada na Biblioteca de Mídia.
Ajuste o tamanho do logo conforme sua preferência (o padrão é 200 px).
Escolha se o logo será exibido com ou sem título do site.
⚙️ Tema Kadence:
Vá em Site Header » Logo Settings.
Selecione se o logotipo será exibido sozinho ou acompanhado do nome da loja.
⚙️ Tema Hello Elementor:
A inserção é feita dentro do Elementor, editando o cabeçalho (Header).
Use o widget “Imagem” para posicionar o logo dinamicamente.
Passo 5 – Publicar as alterações
Após configurar o logo e o ícone, clique em Publicar no topo do painel.
Atualize o site para visualizar as mudanças.
🧩 Exemplos práticos
Exemplo 1: Inserir o logotipo no cabeçalho e o favicon personalizado da marca.
Exemplo 2: Usar o mesmo logotipo em formatos diferentes (retangular para o cabeçalho e quadrado para o ícone).
🧪 Solução de problemas
Erro/Sintoma: Logo aparece distorcido.
Causa provável: Dimensões muito pequenas.
Como resolver: Use imagens em alta resolução (mínimo 500x500 px).Erro/Sintoma: Ícone não aparece na aba do navegador.
Causa provável: Cache do navegador.
Como resolver: Limpe o cache ou abra em janela anônima.Erro/Sintoma: Logo não aparece após salvar.
Causa provável: Tema customizado via Elementor.
Como resolver: Adicione o logo diretamente no header dentro do Elementor.
🔎 Referências e links úteis
🗂️ Metadados
Categoria: Design e Personalização
Subcategoria: Aparência e Identidade Visual
Tags: WordPress, logo, favicon, Kadence, Elementor, personalização
Nível: básico
Atualizado em: 2025-11-09