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

  • Autenticação unificada para vários WP no mesmo servidor

    Já havia tentado sem sucesso usar as constantes CUSTOM_USER_TABLE e CUSTOM_USER_META_TABLE, criadas para proporcionar a possibilidade de autenticação única para várias instalações do WP (veja aqui). Mas recentemente tive que tentar novamente – com a diferença que agora tinha que conseguir! Depois de ler artigos e discussões a respeito, cheguei à conclusão triste que a…

  • Como utilizar os Campos Personalizados em seu tema

    Provavelmente você já viu no Adicionar novo post ou página o formulário Campos personalizados. Com os campos personálizados você pode adicionar qualquer campo e posteriormente inserir em seu tema. Para inserir em seu temas algum campo, utilize a seguinte tag: <?php $values = get_post_custom_values(”campo“); echo $values[0]; ?> Altere campo pelo nome que você escolheu para…

  • Como baixar versões antigas de plugins no repositório oficial?

    Como baixar versões antigas de plugins no repositório oficial?

    Existe uma maneira simples de obter versões anteriores de seus plugins do WordPress, por exemplo, se uma versão atual quebrar sua configuração e você precisar voltar para a versão que funcionava. Note que essa dica é ótima para resolver problemas por um tempo, mas que não é recomendado deixar plugins desatualizados por muito tempo já…

  • Como exibir os posts mais populares na barra lateral

    Mais uma dica das mais simples e eficazes. Apenas coloque o seguinte código no seu sidebar.php. Para alterar o número de posts exibidos, apenas altere 5 (depois da vírgula, o último número) na terceira linha. A popularidade será medida pelo número de comentários na postagem <h2>Posts mais Populares</h2><ul> <?php $result = $wpdb->get_results(“SELECT comment_count,ID,post_title FROM $wpdb->posts…

  • Removendo o /category/ do seu blog

    Na maioria das vezes o /category/ antes do nome da categoria é desnecessário em nosso blog, porém nativamente não é possível o retirar no WordPress. É possível retirar usando alguns plugins de SEO como o Yoast e o Rank Math, mas se você quer retirar isso sem usar plugins você pode modificar o arquivo .htaccess…

  • Como exibir um arquivo PDF em sua postagem WordPress

    Esta será a postagem mais inusitada de todos os tempos. Ao criar uma postagem para um site sobre o livro Tudo o que você precisa saber sobre o Twitter, resolvi criar uma versão do livro em Flash (que era bem usado nessa época) para que todos pudessem ler o livro diretamente aqui do site. Entretanto,…

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

  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.