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

  • A melhor forma de incluir o script JQuery no WordPress

    Vocês já repararam que o dashboard do WordPress usa JQuery ? Não ? Pois é, eu já havia reparado isso.. e já que o JQuery há é nativo do WordPress, não temos a necessidade de baixá-lo para uso de suas outras funcionalidades. Mediante isso, você deve estar se perguntando como se aproveitar disto e chamar…

  • Adicionando categorias, tags e taxonomias customizadas nas Mídias do WordPress

    Você já se sentiu frustrado pelo fato do WordPress não permitir que você especifique uma categoria ou uma tag nas imagens ou arquivos de mídia? Pois é, eu já, pois tive tal necessidade em um projeto, e me coloquei a pesquisas como resolver isso. Imagine como isso poder ser útil: criar uma galeria dinâmica de…

  • 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…

  • Permitindo que colaboradores façam upload de arquivos

    O perfil de usuário “colaborador” do WordPress permite aos usuários criar postagens para o site. Entretanto, tal nível de usuário não permite o upload de arquivos para ilustrar os posts ou para downloads.

  • Realizando 2 ou mais instalações do WordPress na mesma base de dados

    Vários serviços de hospedagem fornecem apenas uma base de dados e caso você queira uma nova base de dados é necessário pagar um valor adicional na mensalidade. Diante desta situação, quando temos a necessidade de realizar duas ou mais instalações do WordPress no mesmo banco de dados, nos deparamos com a mensagem de erro dizendo…

  • Criando o arquivo .htaccess em seu Windows

    Dando aulas de WordPress no Instituto Infnet e mexendo aqui no meu computador, senti a necessidade de criar um arquivo .htaccess em meu servidor local. Se você reparar bem, o Windows por padrão não permite a criação de arquivos no formato .nomedoarquivo, já que sua estrutura de arquivos segue o formato nome.extensão (e isso é…

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.