Mudar imagem login WordPress

Mudar imagem login WordPress

Este post é uma versão mais actualizada do post e aplica-se a todas as versões do wordpress. Mudar imagem login WordPress para a tua própria imagem.

• Cria uma imagem com 310px de largura, a altura fica à tua escolha, que será o teu logo, dá-lhe o nome de “logo-login.gif”, por exemplo.
• Copia-a para o teu site, coloca-a numa pasta dentro da pasta do teu tema por exemplo “/[o teu site]/wp-content/themes/[o teu tema]/images/”.

Coloca o código abaixo no ficheiro “functions.php” do teu tema.

/* ---------------------------------------------------------
  CSS necessário para alterar a imagem 
*/
function page_login_logo() {
echo "
<style>
body.login #login h1 { 
   width:320px; 
   /* Caso seja necessário criar um fundo de outra cor */
   /* background-color:#ffffff; */
   /* caso queira adicionar uma sombra  */
   /* box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.13); */ 
}  
body.login #login h1 a {
    background-image: url('".get_stylesheet_directory_uri()."/images/logo-login.gif');
    background-size: 310px 70px; /* Largura Altura */
    background-position: center center;
    background-repeat: no-repeat;
    height: 70px; /* altura da div */
    width: 310px; /* largura da div */
    padding: 0px;
    overflow: hidden;
    display: block;
}</style>\n";
}

add_action("login_head", "page_login_logo");

/* --------------------------------------------------------- 
 reescrever o link, fica directo para a raiz do nosso site 
*/
function page_login_url_home(){ return get_bloginfo('url'); }

add_filter('login_headerurl', 'page_login_url_home');

/* --------------------------------------------------------- 
 reescrever o titulo do link, fica com o nome do nosso site 
*/
function page_login_logo_title() {
	return esc_attr(get_bloginfo('name'));
}
add_filter('login_headertitle', 'page_login_logo_title');

Se tudo estiver correcto o resultado é um ecran de login mais personalizado.