Como mudar a logomarca na tela de login do WordPress

Uma das principais características do WordPress é a sua versatilidade na customização da plataforma. É possível, inclusive, deixar a tela de login com uma aparência mais profissional ao inserir sua própria logomarca.

Por padrão, a tela de login mostra a logomarca do WordPress. É possível alterar esse comportamento com apenas algumas linhas de código no arquivo functions.php do seu tema ativo.

<?php
function custom_logo_login() {
?>
   <style>
      #login h1 a, .login h1 a {
         background-image: url('/path/to/logo.jpg');
         height:100px;
         width:100px;
         background-size: 100px 100px;
         background-position: center center;
         background-repeat: no-repeat;
         padding: 30px 0;
      }
   </style>
<?php
}

add_action( 'login_enqueue_scripts', 'custom_logo_login' );
?>

Além do endereço para a imagem na propriedade background-image, você deve alterar as propriedades height, width, e background-size para que a logomarca seja exibida corretamente.

Você pode usar funções do WordPress, como get_template_directory_uri() e get_home_url() como referência para o caminho da imagem.

Gostou? Veja também como acelerar seu site WordPress para performance nas buscas.

Avatar de Matheus Misumoto