Como alterar o Logo da Página de Login do WordPress

Aprenda como colocar um logo personalizado na tela de login do wordpress e também alterar a cor de fundo e até mesmo colocar uma imagem de fundo

Fala galera,  esses dias estava fazendo um trampo para um cliente e ele pediu para que alterasse o logo de login do wordpress para o logo da empresa dele e também  colocasse o fundo com uma cor personalizada, procurei diversos tutoriais na internet e achei um bem simples em um site gringo.

Então vou passar para vocês o único código para fazer a mágica.

Você vai precisar alterar apenas o arquivo functions.php do seu tema para deixar assim o seu menu de login com o logo desejado:

 

Logo da Página de Login do WordPress

Abra o seu arquivo functions.php e na última linha cole o código abaixo:

function cutom_login_logo() {
echo “<style type=\”text/css\”>
body.login div#login h1 a {
background-image: url(“.get_bloginfo(‘template_directory’).”/images/logo.png);
padding-bottom: 30px;
-webkit-background-size: auto;
background-size: auto;
margin: 0 0 5px;
padding-bottom: 0px;
width: 320px;
height: 64px;
}
body.login {
background: #972a2b; }

</style>”;
}
add_action( ‘login_enqueue_scripts’, ‘cutom_login_logo’ );

Aqui está o resultado:

login-wordpress-2

Você também pode criar um plugin usando o código da seguinte maneira:

<?php

/*
Plugin Name: Logo Personalizado Power
Description: Alterar logotipo
Version: 1.0
License: GPL
Author: Tadeu Gois
Author URI: https://www.portalpower.com.br
*/
function cutom_login_logo() {
echo “<style type=\”text/css\”>
body.login div#login h1 a {
background-image: url(“.get_bloginfo(‘template_directory’).”/images/logo.png);
padding-bottom: 30px;
-webkit-background-size: auto;
background-size: auto;
margin: 0 0 5px;
padding-bottom: 0px;
width: 320px;
height: 64px;
}
body.login {
background: #972a2b; }

</style>”;
}
add_action( ‘login_enqueue_scripts’, ‘cutom_login_logo’ );

?>

Salve como seu-plugin.php e coloque dentro de uma pasta o arquivo que criou, upe para a pasta plugins do seu wordpress e ative.

logo-personalizado

Pronto aí está o seu logo no menu de login do wordpress, você pode ir brincando com o CSS e ajustando conforme o desejado, até mesmo colocar uma imagem de fundo, espero que tenham gostado, fiquem com Deus e até o próximo.

Deixe um comentário

Log In

Forgot password?

Forgot password?

Enter your account data and we will send you a link to reset your password.

Your password reset link appears to be invalid or expired.

Log in

Privacy Policy

Add to Collection

No Collections

Here you'll find all collections you've created before.