HostGator Promoção (728x60)

35 Comentários para “Alterando o Logo da Página de Login do WordPress

    1. Erick

    A imagem simplesmente sumiu

      1. Lucas Tavares
      2. (Autor do Post)

      Talvez você tenha informado o path da imagem errado no código css.

      No exemplo acima, a imagem se chama logo.png e está armazenada na pasta "images". Caso no seu tema esteja diferente, é preciso fazer as devidas alterações no código css para chamar a imagem corretamente.

      Abraços.

        1. Luís Pedro

        Lucas, esta tudo ok, apenas uma questão, quando você passa com o mouse sobre o novo logo, tem a mensagem "criado com wordpress" e tem o link para o site do wordpress. Tem como alterar essa situação?

          1. Lucas Tavares
          2. (Autor do Post)

          Olá Luís,

          Na logo do meu site aparece diferente, as informações mostradas são a do próprio site e não a do WP. Qual versão do WordPress você usa?

            1. Luís Pedro

            Lucas,
            Versão 4.0, vou confirmar nas opções do meu WP.
            Obrigado 🙂

            1. Lucas Tavares
            2. (Autor do Post)

            Olá Luís,

            Olhando o core do WordPress descobri que ele exibe os dados do site somente quando é multisites (que é o meu caso)!

            Para alterar o título e link da página de login basta adicionar o seguinte código no arquivo functions.php do seu tema:

            //Trocando a url do logo na tela de login
            add_filter('login_headerurl', create_function('', 'return "http://{nova url do logo}";'));

            //Trocando o título do logo na tela de login
            add_filter('login_headertitle', create_function('', 'return "Novo Título do Logo";'));

            Fiz esse código aqui rapidamente, não deu tempo de fazer muitos testes. Qualquer problema me avise.

            Abraços.

    1. Carlos

    Aqui comigo a imagem ficou minúscula.
    As dimensões estão exatamente 67 x 323, pra ficar excelente, como você postou: "O Logo não deve ultrapassar as dimensões 67 pixels de altura por 323 pixels de largura. Se a imagem tiver exatamente essa dimensão, melhor ainda."
    Infelizmente ficou bem ruim.
    Sabe o que pode ser?

      1. Lucas Tavares
      2. (Autor do Post)

      Olá Carlos,

      Realmente estava com este problema. Modifiquei o código CSS para corrigir isso (código do artigo foi atualizado). Note que eu também atualizei a informação da dimensão da imagem. Provavelmente tenha parado de funcionar depois de alguma atualização do WordPress, mas agora já esta OK.

      Se continuar tendo problemas, me avise para que eu possa ajudá-lo.

      Abraços.

        1. Carlos

        Lucas, show de bola!

        Agora funcionou perfeitamente.
        Muito obrigado!

    1. Diego

    Para quem quiser personalizar a logo e tirar aquele "Powered by WordPress" que fica no hover da logo, o código abaixo uso na minha página e deu certo:

    //Custom WordPress Login Logo by WpTotal.com.br
    function custom_login_logo() {
    echo "
    body.login div#login h1 a {
    background-image: url(".get_bloginfo('template_directory')."/images/peccin.png);
    -webkit-background-size: auto;
    background-size: auto;
    margin: 0 0 25px;
    width: 320px;
    }
    ";
    }
    add_action( 'login_enqueue_scripts', 'custom_login_logo' );

    add_action('login_head', 'custom_login_logo');
    function meu_wp_login_url() {
    return get_bloginfo('url');
    }
    add_filter('login_headerurl', 'meu_wp_login_url');
    function meu_wp_login_title() {
    return get_bloginfo('name');
    }
    add_filter('login_headertitle', 'meu_wp_login_title');

    1. Gustavo

    Aonde que ponha isso nao consigo tem que baixar ?

      1. Lucas Tavares
      2. (Autor do Post)

      Olá Gustavo,

      Tem que abrir o arquivo functions.php do seu tema e colocar esse código. Não precisa baixar nada.

      Abraços.

    1. Edmar

    Aqui o código funcionou perfeitamente, muito obrigado pela sua dica.
    O primeiro código trocou a imagem e o segundo que você disse que não testou muito trocou a url.

    1. José Luiz

    Olá Lucas
    Coloquei os dois códigos, assim como informado, porém não aparece nenhuma imagem, inclusive sumiu a logo do WP.
    A imagem que quero utilizar está salva aqui em http://chiquesemarrentas.com.br/wp-content/uploads/2015/05/LOGO.png

    o Código coloquei assim:

    //Custom WordPress Login Logo by WpTotal.com.br
    function cutom_login_logo() {
    echo "
    body.login div#login h1 a {
    background-image: url(".get_bloginfo('template_directory')."/images/LOGO.png);
    -webkit-background-size: auto;
    background-size: auto;
    margin: 0 0 84px;
    width: 320px;
    }
    ";
    }
    add_action( 'login_enqueue_scripts', 'cutom_login_logo' );

      1. Lucas Tavares
      2. (Autor do Post)

      Olá José,

      Esse código CSS chama uma imagem da pasta "wp-content/themes/Divi/images/" sendo que a mesma encontra-se na pasta uploads. O ideal, por questão de organização, é você colocar ela na pasta do tema e não uploads.

      Para funcionar desta maneira, você teria que alterar o background-image para:

      background-image: url(http://chiquesemarrentas.com.br/wp-content/uploads/2015/05/LOGO.png);

      Espero ter ajudado.

    1. Marlo

    Estou apanhando aqui sumiu a imagem ... mais não entra a que eu preciso... se puderem ajudar agradeço

    1. Dailson Campos

    Deu certo aqui. Muito obrigado pelo artigo. Parabéns!!!

    1. Jimmy Castro

    Ola Lucas,

    Eu inseri o seu Code conforme apresentado e assim logo e tudo mais, depois que eu fiz o logout e posteriormente o login, surgiu essa mensagem abaixo:

    //Custom WordPress Login Logo by WpTotal.com.br function cutom_login_logo() { echo ""; } add_action( 'login_enqueue_scripts', 'cutom_login_logo' );
    Warning: Cannot modify header information - headers already sent by (output started at /home/tasteofb/public_html/wp/wp-content/themes/creative/functions.php:18) in /home/tasteofb/public_html/wp/wp-login.php on line 431

    Warning: Cannot modify header information - headers already sent by (output started at /home/tasteofb/public_html/wp/wp-content/themes/creative/functions.php:18) in /home/tasteofb/public_html/wp/wp-login.php on line 444

    Contudo nao consigo logar mais, ja tentei restaurar no servidor e alterar a page pelo servidor tambem, mas sem sucesso.

    Agradeco a ajuda se possivel!

      1. Lucas Tavares
      2. (Autor do Post)

      Olá Jimmy,

      O código deve ser inserido depois do <?php e antes do ?>, caso contrário ele é interpretado como um simples HTML. Para resolver o problema, vá até o cliente FTP ou Gerenciador de Arquivos fornecido pela hospedagem, abra o arquivo que você alterou (functions.php) e mude o código de lugar. Se tiver alguma dúvida, poste aqui novamente.

      Abraço.

    1. Jimmy Castro

    Ola Lucas,

    Muito obrigado, deu certo, eu realmente esta usando outro file pra modificar o PHP, contudo apos inumeras tentativas eu consegui!

    Muito Grato!

    1. Eduardo Leandro

    Boa noite, estou tentando mudar mais da um erro na página de acesso.
    Escrevi o código desse modo.

    //Custom WordPress Login Logo by cteavirtual.com.br
    function custom_login_logo() {
    echo "
    body.login div#login h1 a {
    background-image: url(http://cteavirtual.com.br/wp-content/themes/gera-loja/logo_ctea_login_02.png);
    -webkit-background-size: auto;
    background-size: auto;
    margin: 0 0 25px;
    width: 320px;
    }
    ";
    }
    add_action( 'login_enqueue_scripts', 'custom_login_logo' );
    add_action('login_head', 'custom_login_logo');
    function meu_wp_login_url() {
    return get_bloginfo('url');
    }
    add_filter('login_headerurl', 'meu_wp_login_url');
    function meu_wp_login_title() {
    return get_bloginfo('name');
    }
    add_filter('login_headertitle', 'meu_wp_login_title');

      1. Lucas Tavares
      2. (Autor do Post)

      Olá Eduardo,

      Parece que você já conseguiu resolveu o problema. Se ainda tiver alguma dúvida me avise.

        1. Eduardo Leandro

        Boa noite, ainda não deu certo, já entrei no site, no arquivo e não consigo encontrar o erro

      1. Lucas Tavares
      2. (Autor do Post)

      Olá Eduardo,

      Parece que o código do seu site está sem a tag <style>. Dá uma olhada no código css do artigo acima, você vai notar que ele está dentro da tag style.

      Espero ter ajudado.

        1. Eduardo Leandro

        Bom dia, o erro do código corrigi, mas a imagem insiste em não aparecer, já conferi todo o caminho, código e não sei o que está havendo.

          1. Lucas Tavares
          2. (Autor do Post)

          Olá Eduardo,

          O endereço da imagem está errado.

          Mude a url de:
          http://public_html/wp-content/uploads/2015/12/logo_edu_admin-1.png
          para:
          http://edudesigner.com.br/wp-content/uploads/2015/12/logo_edu_admin-1.png

            1. Eduardo Leandro

            Lucas, muito obrigado, agora deu certo, muito obrigado pela sua disponibilidade de ensinar e desculpa o incomodo desses dias.

    1. Clayton

    Boa noite!
    Estou com um problema, inseri o codigo e travou tudo, nao consigo acessar nem fazer login no wordpress, alguem poderia me ajudar?

    1. Luciano Martins

    Pessoal seguem as correções feita no código.

    Correção "cutom_login_logo" e não "custom_login_logo"

    Muito Obrigado Lucas.

    //Custom WordPress Login Logo by WpTotal.com.br
    function cutom_login_logo() {

    echo "
    body.login div#login h1 a {
    background-image: url(".get_bloginfo('template_directory')."/images/logo.png);
    -webkit-background-size: auto;
    background-size: auto;
    margin: 0 0 25px;
    width: 320px;
    }
    ";
    }
    add_action( 'login_enqueue_scripts', 'cutom_login_logo' );
    add_action('login_head', 'cutom_login_logo');
    function meu_wp_login_url() {
    return get_bloginfo('url');
    }
    add_filter('login_headerurl', 'meu_wp_login_url');
    function meu_wp_login_title() {
    return get_bloginfo('name');
    }
    add_filter('login_headertitle', 'meu_wp_login_title');

    1. ronaldo

    estou tentando alterar a logo do wordpress e esta aparecendo esta mensagem

    body.login div#login h1 a { background-image: url(http://www.ronaltec.com/wp-content/themes/primerhttp://www.ronaltec.com/wp-content/themes/escapade/images/logo.png); -webkit-background-size: auto; background-size: auto; margin: 0 0 25px; width: 320px; } body.login div#login h1 a { background-image: url(http://www.ronaltec.com/wp-content/themes/primerhttp://www.ronaltec.com/wp-content/themes/escapade/images/logo.png); -webkit-background-size: auto; background-size: auto; margin: 0 0 25px; width: 320px; }

      1. Lucas Tavares
      2. (Autor do Post)

      Olá Ronaldo,

      Acho que você colocou o código no local errado.

Deixe um comentário

(required)
(required)