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.