Personalizando a Tela de Login no WordPress

Os códigos abaixo devem ser colocados no arquivo functions.php, que se encontra no diretório do tema principal.

 
Adicionando o arquivo de estilo.

add_action('login_enqueue_scripts', 'custom_login_stylesheet');
function custom_login_stylesheet() {
wp_enqueue_style( 'custom-login', get_template_directory_uri() . '/css/login-style.css', false );
}

 
Modificando o comportamento do logotipo, alterando a url e dica.

add_filter( 'login_headerurl', 'custom_login_logo_url' );
function custom_login_logo_url() {
return home_url();
}
add_filter( 'login_headertitle', 'custom_login_logo_title' );	
function custom_login_logo_title() {
return 'Minha Empresa';
}

 
Adicionando o rodapé.

add_action( 'login_footer', 'custom_login_footer' );
function custom_login_footer() {
$out =
"
<div id='footer'>
<a href='http://www.desenvolvedora.com.br' title='Empresa Desenvolvedora' target='_blank'>
<img src='" . get_template_directory_uri() . "/images/logo-dev.png' alt='Empresa Desenvolvedora' />
</a>
</div>
";
echo $out;
}

 
Modelo do arquivo login-style.css, que deve estar no diretório css do tema principal.

html ,
body {
background-color: #2A2A2A;
}
.login h1 a {
width: 89%;
margin: 0 auto;
background-image:url(../images/logo.png); 
background-size: 100% auto;
}
.login form {
margin-top: 2em;
box-shadow: none;
-webkit-box-shadow: none;
}
.login #nav a:hover,
.login #backtoblog a:hover {
color: #797979;
text-decoration: underline;
}
.login form .input, 
.login form input[type=checkbox], 
.login input[type=text] {
color: #7d7d7d;
border: 1px solid #d7d7d7;
background: #fff;
}
input[type=checkbox]:focus, 
input[type=password]:focus, 
input[type=text]:focus,
input[type=submit]:focus  {
border-color: #b2afaf;
-webkit-box-shadow: 0 0 2px rgba(109,107,107,.8);
box-shadow: 0 0 2px rgba(109,107,107,.8);
}
input[type=checkbox]:checked:before {
color: #262626;
}
#wp-submit {
border: none;
color: #fff;
box-shadow: none;
transition: all 0.3s ease 0s;
background-color: #262626;
background-image: linear-gradient(to bottom,#404040,#000);
outline: none;
}
#wp-submit:hover {
background-color: rgb(146, 146, 146);
background-image: linear-gradient(rgb(172, 172, 172), rgb(108, 108, 108));
outline: none;
}
#footer {
width: 320px;
margin: auto;
margin-top: 1em;
text-align: center;
}

Fonte: https://codex.wordpress.org/Customizing_the_Login_Form