Como alterar o logotipo da página de login do WordPress

Por padrão, em todo site em WordPress que desenvolvemos, a página de login presente em seusite.com.br/wp-login.php possui o logo oficial do WordPress. Entretanto, muitos demonstram a vontade de alterar esta logo para a logo de seu site. Há um modo de alterar este logo e é isto que veremos na dica de hoje.

wordpress login2

1 – Crie uma nova imagem com seu logotipo, e a salve com o nome logo.jpg. Você pode criar do tamanho que quiser, mas o ideal é que não passe de 300 pixels de largura.

2 – Salve este arquivo na pasta images do tema utilizado. Caso não existir, crie-a.

3 – No arquivo functions.php de seu tema, adicione o trecho de código abaixo:

function custom_admin_logo() {

function custom_admin_login() {
  echo '<style type="text/css">
  .login h1 a{
    background-image: url('. get_template_directory_uri() . '/images/logo.jpg') !important;
    background-size: [Largura da Imagem]px [Altura da Imagem]px;
    width: [Largura da Imagem]px;
  }
  </style>';
}

add_action('admin_head', 'custom_admin_logo');

4 – Salve seu arquivo functions.php.

Pronto, seu logo está alterado !

Para complementar tal personalização, confira também Como alterar link e tooltip da logo na página de login do WP.

Posts Similares

  • Como customizar a mensagem Leia Mais, exibida pela tag more

    Como todos nós já sabemos, a tag <!–more–> funciona para quebrarmos a exibição de uma postagem na página inicial… tudo o que estiver acima dela será exibido, e em seu lugar teremos a exibição de uma mensagem padrão, como ‘Leia Mais’ , ‘Read More’, ‘Read This Article’, ou algo neste sentido. Na minha humilde concepção,…

  • O WordPress é seguro mesmo?

    O WordPress é seguro mesmo?

    Utilizando o WordPress desde 2007 e participando de muitos eventos, grupos em redes sociais, fóruns e afins, algumas perguntas acabam se tornando bem repetitivas para mim, e o assunto deste post é uma delas. Nada contra a pergunta, quem utiliza o WordPress a pouco tempo ou ainda não conhece o sistema sempre vai se fazer esta…

  • Exibindo a quantidade de comentários do Facebook em seu post

    ATENÇÃO: A API do Facebook foi alterada em Agosto de 2016, por isso a quantidade não é mais exibida e assim este código não funciona mais. Como não ficou claro se essa mudança é em definitivo ou não, mantivemos a postagem aqui mas provavelmente ela não funcionará mais. Em um dos projetos que trabalhei recentemente,…

  • Prós e contras de se utilizar um Tema Premium (pago) para WordPress

    Muitas pessoas na comunidade open source acreditam que os temas pagos para WordPress fazem uma cobrança desleal e são uma tentativa de pessoas gananciosas para alimentar a formação de suas empresas e negócios em projetos de código aberto. Temos outra visão por aqui, vamos a ela. Temas Premium são contribuições para um projeto de código…

  • Erro Warning: sprintf() nos menus da atualização do 3.6

    Quem atualizou o WordPress semana passada, usando a linguagem pt_BR, com certeza viu o erro “Warning: sprintf(): Argument number must be greater than zero in …….\wp-admin\nav-menus.php on line 478” na tela de administração de menus. Após algumas horas de luta, consegui achar o problema que era um arquivo corrompido pela tradução do WordPress para português do Brasil. Esse erro…

  • Prós e contras de se utilizar um Tema WordPress Gratuito

    Como dito no artigo Temas Gratuitos X Temas Premium: Como escolher um tema WordPress?, nem sempre é fácil escolher um tema para ser utilizado. Neste artigo destacaremos os Prós e Contras de se utilizar um tema WordPress gratuitos. Prós Preço – Esses temas são livres e gratuitos. Liberdade – Você está livre para usar, construir…

Deixe um comentário

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *

17 Comentários

  1. existe uma maneira mais fácil… basta criar a imagem com o tamanho especificado nesse post, e apenas substituir a imagem com o nome (que voce deve nomear) "logo-login.gif", napasta images em wp-admin. pronto!

    1. ai vc se engana, caro amigo.
      a imagem tem que ser renomeada para wordpress-logo.png e clocada na pasta /wp-admin/images , enquanto ao tamanho, não vi diferença porque a minha é alago mais grande e não há mudanças.

      1. Gostaria de agradecer pelo comentário Henry muito bom e lógico trazendo uma solução rápida e eficiente.

  2. Eu ñ consegui instalar o wordpress,
    2. Abra o arquivo wp-config-sample.php com um editor de texto como o WordPad ou similar e preencha suas informações de conexão do banco de dados.

    Justamente nessa parte é q eu n sei onde colocar as minhas informacoes…Ajuda aee.vlw…

    1. cara Nome do banco de dados o Nome Que voce Coloca quando cria o Banco de dados para criar basta criar com oeasy PHP Usando os Atalhos Ctrl + A ( isso é para Localhost )

      Senha A senha que voce Usa para acessar o Admin do mysql no caso se nao pedir Senha deixe Sem nada (PassWord ” )
      login = root , e o ip do servidor é 127.0.0.1 ou Localhost os dois é a mesma coisa

      caso nao tenha entendido Pode me Contactar pelo Skype

      Treevor033

    2. vc tem quer abrir esse aqrquivo e prencher alguns dados
      como por exemplo banco de dodos o nome senha usuario do banco de dados

  3. Me permita fazer um adendo ao otimo post… algumas coisas mudaram…

    O css mudou… agora deve ser:
    .login h1 a… e nao mais #header-logo.

    O nome da funcao tb .. em vez de ‘admin_head’ o correto agora eh ‘login_head’

  4. Jośe, obrigado pelo retorno, corrigi o post indicando a melhor forma de se fazer nos dias de hoje.
    Não indico criar uma pasta assim e colocar ela linkada, o melhor é você colocar a imagem dentro da pasta do tema, e a linkar da forma indicada no post.