31 de outubro de 2011

Personalizando a tela de login do Wordpress

Para alterar a imagem da página de login do seu blog em Wordpress é simples. Siga os passos:


- Cria uma imagem com 310×70 pixels

- Copia-a para o seu site ou blog, dentro da pasta do tema. 
Ex: "/seublog/wp-content/themes/seutema/images/".

- Coloca o código abaixo no arquivo "functions.php" do teu tema. Coloque antes da tag php "?>" do final do arquivo.

/*
*
* Personalizar o logotipo e respectivo link da página de login
*
*/

/* ———————————————————
  CSS necessário para alterar a imagem
*/
function page_login_logo() {
echo "<style>body.login #login h1 a { background: url('".get_stylesheet_directory_uri()."/images/nome_da_sua_imagem.png') no-repeat scroll center top transparent; }</style>\n";
}

add_action("login_head", "page_login_logo");

/* ———————————————————
 reescrever o link, fica directamente 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');



Pronto. F5 e veja sua página de login com novo visual.

0 comentário(s):

Postar um comentário