Como alterar o tamanho do seu logotipo WordPress (funciona com qualquer tema)
recentemente, um de nossos leitores perguntou se era possível alterar o tamanho do seu logotipo no WordPress?
o logotipo do seu site é uma parte importante da sua marca. Dependendo do tema WordPress que você usa, às vezes não está claro como alterar o tamanho do seu logotipo para torná-lo maior ou menor.
neste artigo, mostraremos como alterar facilmente o tamanho do logotipo do WordPress , passo a passo.
Por que Mudar o Tamanho do Logotipo no WordPress?
quando você carrega seu logotipo para o WordPress, pode nem sempre ser o tamanho certo.
um logotipo muito pequeno não se destacará. Embora um logotipo muito grande possa afetar negativamente o design do seu site.
se você investiu em um design de logotipo personalizado, então você quer ter certeza de que seu logotipo aparece como o tamanho certo no cabeçalho do seu site.
para aqueles que ainda estão no processo de design de logotipo, veja nossas escolhas dos melhores fabricantes de logotipo gratuitos.
dito isso, mostraremos algumas maneiras diferentes que você pode usar para alterar o tamanho do logotipo no WordPress.
o método que você escolher dependerá do tema WordPress que você está usando e do seu nível de conforto com a edição do código CSS.
- altere o tamanho do logotipo do WordPress com o Personalizador do WordPress
- altere o tamanho do logotipo do WordPress editando o código CSS
- altere o tamanho do logotipo do WordPress sem editar o código CSS
Método 1. Altere o tamanho do logotipo do WordPress com o Personalizador do WordPress
a maneira mais simples e fácil de alterar o tamanho do logotipo no WordPress é usando o personalizador de temas. No entanto, esse método só funciona se o seu tema WordPress o suportar.
muitos temas populares como Divi, Astra, Ultra e outros têm uma ferramenta integrada de troca de tamanho de logotipo.
quando você carrega seu logotipo no WordPress, esses temas facilitam o ajuste do logotipo com um controle deslizante simples que você pode usar para ajustar a largura e a altura.
Nota: O tamanho do seu logotipo só será tão grande quanto a imagem que você carrega, então você quer ter certeza de fazer upload de uma imagem de logotipo maior, se o seu objetivo é torná-lo maior.
por causa do tutorial, mostraremos como alterar seu logotipo no Divi, Astra e Ultra theme, mas o método é semelhante para os temas mais populares do WordPress. Se o seu tema não tiver essa opção, você precisará usar o método 2 ou 3 deste tutorial.
altere o tamanho do logotipo do WordPress no tema Divi WordPress
primeiro, navegue até o personalizador de tema Divi ” e clique na opção de menu ‘cabeçalho & navegação’.
depois disso, clique na opção suspensa ‘barra de Menu principal’.
aqui você pode alterar o tamanho do seu logotipo.
primeiro, você precisa ajustar a configuração ‘Altura Do Menu’. Isso controla a altura de todo o menu de navegação e definirá o tamanho do seu logotipo.
depois disso, você pode alterar a configuração ‘altura máxima do logotipo’, que é uma porcentagem da altura total do menu.
você pode ajustar o controle deslizante ‘altura máxima do logotipo’ para cima e para baixo até encontrar o tamanho perfeito do logotipo para o seu blog WordPress.
certifique-se de clicar no botão ‘Publicar’ para salvar suas alterações antes de sair da tela.
altere o tamanho do logotipo do WordPress no Astra WordPress Theme
a primeira coisa que você precisa fazer é navegar até a aparência ” Personalize e clique na opção de menu ‘cabeçalho’.
Depois disso, clique em “Site de Identidade’ opção de menu.
aqui você pode facilmente ajustar o tamanho do seu logotipo.
tudo o que você precisa fazer é mover o controle deslizante ‘Largura Do Logotipo’ para a esquerda ou direita.
você pode ver automaticamente o tamanho do seu logotipo muda em tempo real, como você move o controle deslizante.
uma vez que você está satisfeito com o tamanho do seu logotipo, certifique-se de clicar em ‘Publicar’ antes de sair da página.
altere o tamanho do logotipo do WordPress no tema Ultra WordPress
para personalizar o tamanho do logotipo no tema Ultra, navegue até a aparência ” Personalize e clique no item de navegação ‘logotipo do Site & slogan’.
depois disso, clique no menu suspenso ‘logotipo do Site’.
em seguida, selecione o botão de opção’ Imagem do logotipo ‘ que aparece.
Agora, você pode alterar o tamanho do logotipo introduzindo novas dimensões nas caixas à direita da imagem do logotipo. Se você deseja que a imagem seja dimensionada com base no tamanho original, insira apenas as novas dimensões do logotipo em uma caixa.
você pode alterar a largura com a caixa à esquerda e a altura com a caixa à direita.
ao inserir novas dimensões, você verá o tamanho da alteração do logotipo em tempo real.
depois de personalizar o tamanho do seu logotipo, clique no botão ‘Publicar’.
se o seu tema não estiver destacado acima, ainda há uma chance de você personalizar o tamanho do seu logotipo usando o Personalizador do WordPress.
basta ir para a Aparência ” Personalizar em qualquer tema que você está usando e ver quais opções de personalização estão disponíveis para o seu logotipo ou cabeçalho.
Método 2. Altere o tamanho do logotipo do WordPress editando CSS
se o seu tema WordPress não suportar alterar o tamanho do logotipo usando o personalizador de tema do WordPress, você poderá alterar o tamanho adicionando CSS personalizado.
a primeira coisa que você precisa fazer é navegar até a página inicial do seu site.
em seguida, clique com o botão direito do mouse em qualquer lugar da página e selecione a opção ‘inspecionar’. Isso abrirá um menu inspecionar que mostra todo o código da página.
depois disso, você precisa clicar no ícone ‘Selecionar um elemento’ que se parece com um ponteiro do mouse.
isso permitirá que você selecione o elemento do logotipo do seu site e visualize o código.
em seguida, basta passar o mouse sobre o logotipo do site até a classe CSS aparece. Será semelhante à imagem abaixo.
você usará esta classe CSS para personalizar o tamanho do seu logotipo WordPress. Então, escreva isso em um editor de texto como o bloco de notas.
Agora você pode voltar ao seu Painel de administração do WordPress e navegar para a Aparência ” Personalizar. Você precisa clicar na opção de menu ‘CSS adicional’.
isso abrirá um menu suspenso onde você pode adicionar código CSS personalizado.
basta adicionar a classe CSS encontrada anteriormente e especificar as novas dimensões da imagem. Você pode usar o código CSS abaixo como exemplo.
img.custom-logo { max-height: 100px !important;}
você precisa alterar a classe CSS img.custom-logo acima para a classe CSS que seu tema usa.
Você também pode alterar o max-height para qualquer tamanho que você quiser.
aqui está como ele se Parece dentro do personalizador do WordPress.
depois de fazer suas alterações, basta clicar no botão ‘Publicar’ para fazer suas alterações ao vivo.
Método 3. Altere o tamanho do logotipo do WordPress Sem editar CSS
se você não se sentir confortável editando arquivos de tema ou adicionando CSS personalizado, esse método é para você.
ao usar um plugin de estilo WordPress, você pode fazer alterações visuais em seu site semelhantes ao uso de um construtor de páginas de arrastar e soltar.
recomendamos o uso do CSS Hero. É um plugin styler que permite editar quase todos os estilos CSS em seu site WordPress sem escrever uma única linha de código CSS.
Deal: WPBeginner reader pode obter um desconto de 34% através do nosso código de cupom CSS Hero.
a primeira coisa que você precisa fazer é instalar e ativar o plugin. Para mais detalhes, consulte nosso guia passo a passo sobre como instalar um plugin WordPress.
após a ativação, você precisa clicar no botão ‘prosseguir para a ativação do produto’ para ativar o plugin. Ele está localizado logo acima de sua lista de plugins instalados.
isso o levará a uma tela onde você pode inserir seu nome de usuário e senha. Basta seguir as instruções na tela e você será redirecionado de volta ao seu site assim que sua conta for verificada.
depois disso, clique no botão ‘Personalizar Com herói CSS’ na parte superior da barra de ferramentas de administração do WordPress.
isso o levará ao seu site com CSS Hero rodando em cima dele. CSS Hero usa um editor WYSIWYG (o que você vê é o que você obtém).
quando você clica em qualquer elemento da sua página, ele abrirá uma barra de ferramentas à esquerda para fazer personalizações.
em seguida, clique no logotipo do WordPress na parte superior da página.
depois disso, clique no link ‘mostrar adereços avançados’.
isso oferece ainda mais opções de personalização CSS.
em seguida, localize a caixa ‘Medidas’. Aqui você encontrará opções chamadas ‘Largura máxima ‘e’altura máxima’.
você deseja alterá-los para o tamanho da imagem de sua preferência. Se você deseja que a imagem mantenha as mesmas dimensões, altere apenas a altura ou a largura.
as alterações feitas aparecerão automaticamente em sua página.
depois de alterar o tamanho do seu logotipo, você precisa clicar em ‘Salvar e publicar’ para fazer suas alterações ao vivo.
esperamos que este artigo tenha ajudado você a alterar o tamanho do logotipo do WordPress. Você também pode querer ver nossas escolhas de especialistas para o melhor software de bate-papo ao vivo para pequenas empresas, e nossa lista de plugins WordPress obrigatórios para sites de negócios.
se você gostou deste artigo, Inscreva-se em nosso canal do YouTube para tutoriais em vídeo do WordPress. Você também pode nos encontrar no Twitter e no Facebook.