Como alterar facilmente o logotipo de login no WordPress
Alterar o logotipo padrão de login do WordPress por um personalizado é uma ótima maneira de personalizar seu site, especialmente se você quiser refletir a identidade de sua marca na página de login. Por padrão, o WordPress exibe seu próprio logotipo na página de login, mas com algumas etapas simples, você pode substituí-lo facilmente pelo seu próprio logotipo.
Veja como alterar facilmente o logotipo de login no WordPress:
Método 1: Usando um plug-in (maneira fácil)
A maneira mais simples e fácil de alterar o logotipo de login do WordPress é usar um plug-in. Os plug-ins oferecem uma solução fácil e sem código para iniciantes.
Etapa 1: instalar e ativar o plug-in
- Faça login no painel do WordPress.
- Navegue até Plugins > Adicionar novo.
- Na barra de pesquisa, digite “LoginPress” ou “Custom Login Page Customizer” (dois plug-ins populares para essa tarefa).
- Clique em Install Now (Instalar agora) e, em seguida, em Activate (Ativar) o plug-in.
Etapa 2: personalizar o logotipo de login
- Depois de ativar o plug-in, vá para LoginPress > Personalizador ou navegue até Aparência > Personalizador de login.
- No personalizador, você verá opções para alterar o logotipo de login.
- Clique na seção Login Logo (Logotipo de login) e carregue seu logotipo personalizado clicando no botão Select Image (Selecionar imagem).
- Ajuste o tamanho, o preenchimento ou o alinhamento do logotipo, se necessário.
- Quando estiver satisfeito com as alterações, clique em Publish (Publicar) para aplicar o novo logotipo de login ao seu site.
Pronto! Seu logotipo personalizado aparecerá agora na página de login do WordPress.
Método 2: Alterar manualmente o logotipo de login usando código (usuários avançados)
Se preferir não usar um plug-in, você pode alterar o logotipo de login manualmente adicionando um código personalizado ao arquivo functions.php do seu tema.
Etapa 1: acessar o arquivo functions.php
- No painel do WordPress, vá para Appearance > Theme File Editor.
- Na seção Arquivos de tema, localize o arquivo functions.php e clique nele para abri-lo.
- Importante: é sempre uma boa ideia criar um tema filho ou fazer backup do site antes de editar os arquivos de tema.
Etapa 2: Adicionar código personalizado
Para substituir o logotipo padrão do WordPress pelo seu, adicione o seguinte código ao arquivo functions.php do seu tema:
// Function to change the WordPress login logo function custom_login_logo() { ?> <style type=”text/css”> #login h1 a { background-image: url(‘<?php echo get_stylesheet_directory_uri(); ?>/images/custom-logo.png’); background-size: contain; width: 100%; height: 80px; /* Adjust height based on your logo */ } </style> <?php } add_action( ‘login_enqueue_scripts’, ‘custom_login_logo’ );
Método 3: usar um plug-in CSS personalizado
Se não quiser editar o arquivo functions.php do seu tema, mas ainda preferir uma abordagem de código personalizado, você poderá usar um plug-in de CSS personalizado para obter o mesmo efeito.
Etapa 1: instalar um plug-in de CSS personalizado
- Vá para Plugins > Adicionar novo.
- Procure Simple Custom CSS ou qualquer outro plug-in semelhante que permita adicionar CSS personalizado.
- Instale e ative o plug-in.
Etapa 2: Adicionar CSS personalizado para o logotipo de login
- Após a ativação, vá para Appearance > Custom CSS.
- Adicione o seguinte código CSS:
- Substitua https://yourdomain.com/path-to-your-logo.png pelo URL direto da imagem de seu logotipo personalizado.
- Clique em Salvar ou Publicar para aplicar as alterações.
Seu logotipo personalizado aparecerá agora na página de login.
Práticas recomendadas para logotipos de login personalizados
- Tamanho ideal do logotipo: Use um tamanho de logotipo que se ajuste bem à página de login, normalmente em torno de 250 x 80 pixels. Você pode ajustar a altura e a largura nas configurações do código ou do plug-in, conforme necessário.
- Fundo transparente: Se o seu logotipo tiver uma cor de fundo, considere usar um PNG transparente para mesclá-lo com o fundo da página.
- Design responsivo: Certifique-se de que seu logotipo de login tenha boa aparência em dispositivos móveis e de desktop usando CSS responsivo ou plug-ins compatíveis com personalização móvel.
Conclusão
Alterar o logotipo de login do WordPress é uma maneira fácil e eficaz de personalizar a aparência do seu site e aprimorar a identidade da sua marca. Independentemente de escolher o método do plug-in para simplificar ou o método de codificação manual para ter mais controle, você pode substituir rapidamente o logotipo padrão do WordPress por um personalizado que reflita seu estilo ou a marca da empresa.
