Mudar logo wp-admin sem plugin no WordPress

Para modificar o logotipo da página de login (wp-admin) no WordPress, sem plugin, basta seguir os passos abaixo. Neste tutorial, iremos utilizar a versão 3.8 do WordPress.

Iremos modificar os seguintes arquivos:
– wp-login.php, localizado na raiz da sua instalação WordPress
– wp-admin.min.css, localizado em wp-admin/css/

wp-login.php
– Procure pela linha 102/102. Você verá algo assim:

} else {
        $login_header_url   = __( 'http://wordpress.org/' );
	$login_header_title = __( 'Powered by WordPress' );
}

– Subistitua o valor login_header_url pelo endereço de sua preferência (http://www.seusite.com/)
– Subistitua o valor login_header_title pelo título do seu link

wp-admin.min.css
– Procure pelo termo “.login h1 a”, você encontrará algo assim:

.login h1 a{
   background-image:url(../images/w-logo-blue.png?ver=20131202);
   background-image:none,url(../images/wordpress-logo.svg?ver=20131107);
   background-size:80px 80px;
   background-position:center top;
   background-repeat:no-repeat;
   color:#999;
   height:80px;
   font-size:20px;
   font-weight:400;
   line-height:1.3em;
   margin:0 auto 25px;
   padding:0;
   text-decoration:none;
   width:80px;
   text-indent:-9999px;
   outline:0;
   overflow:hidden;
   display:block}

– Substitua as 2 propriedades “backgrond-image” por: background-image:none,url(url do seu logo aqui);
– Ajuste a propriedade “background-size” com o tamanho da sua imagem
– Ajuste a propriedade “height” com o tamanho da sua imagem
– Ajuste a propriedade “width” com o tamanho da sua imagem

O código devera ficar parecido com esse:

.login h1 a{
   background-image:none,url(http://www.seusite.com/imagens/logo.png);
   background-size:150px 56px;
   background-position:center top;
   background-repeat:no-repeat;
   color:#999;
   height:56px;
   font-size:20px;
   font-weight:400;
   line-height:1.3em;
   margin:0 auto 25px;
   padding:0;
   text-decoration:none;
   width:150px;
   text-indent:-9999px;
   outline:0;
   overflow:hidden;
   display:block}

Veja aqui como nossa área de login ficou.

1 Comment

  1. Carolina Rezende disse:

    Show!! Muito bom o tutorial!

Deixe sua Pergunta ou Comentário:

O seu endereço de email não será publicado Campos obrigatórios são marcados *

Por favor, digite os caracteres desta imagem na caixa de entrada

Por favor digite o código da imagem

Você pode usar estas tags e atributos de HTML: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>