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  Como alterar o 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  Como alterar o Logo da Página de Login do WordPress

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: http://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  Como alterar o Logo da Página de Login do WordPress

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.

loading...

Escreva aqui !