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

Publicado em Atualizado em

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.

Especialista em WordPress & SEO

Desbravando o mundo WordPress desde 2007, me especializei também em SEO e entreguei grandes projetos no mercado brasileiro para a partir de 2015 me dedicar ao mercado fora do Brasil. Trabalhei na empresa do criador do WordPress por 4 anos (no WordPress.com, da Automattic) e mais 4 anos em uma das maiores empresas de hospedagens do mundo, a Liquid Web, gerenciando uma equipe de suporte do plugin The Events Calendar.

No Brasil, atendi grandes marcas como canal Futura, Corpo Perfeito, Catraca Livre, Hostgator Brasil e Hostnet, também palestrei em diversos eventos e dei aula em cursos livres e pós-graduação (no Rio de Janeiro e em Brasília).

Trabalho remoto, viajo bastante, mas minha base é no Rio de Janeiro/RJ.

Posts Similares

  • Como exibir o número de resultados na busca do WordPress

    Abra o arquivo search.php. Nele, procure pela seguinte linha: <h2 class=”pagetitle”>Resultado da busca</h2> E a substitua pela linha abaixo: <h2 class=”pagetitle”>Resultado da busca por <?php /* Search Count */ $allsearch = &new WP_Query(“s=$s&showposts=-1″); $key = wp_specialchars($s, 1); $count = $allsearch->post_count; _e(”); _e(‘<span class=”search-terms”>’); echo $key; _e(‘</span>’); _e(‘ — ‘); echo $count . ‘ ‘; _e(‘artigos’);…

  • Categorias X Tags: Melhores Práticas de SEO para a ordenação de conteúdo no WordPress

    Atualizado em

    Confuso sobre a diferença (ou semelhanças) entre as categorias e tags do WordPress? Você não está sozinho. Claro que você quer organizar o conteúdo de seu site da maneira mais eficaz possível para os seus leitores e visitantes serem capazes de encontrar facilmente o que estão procurando. Mas você também quer ter a certeza de…

  • Customizando a página de login de seu WordPress

    Customizando a página de login de seu WordPress

    Atualizado em

    Muitos procuram como personalizar as páginas de login do WordPress, e isso é possível com um pouco de CSS e uma função para adicionar tal CSS nas páginas corretas. São apenas alguns passos, vamos a eles!

  • Como colocar Gravatar nos comentários do WordPress 2.7

    Atualizado em

    Como vi que algumas pessoas tem chegado ao blog através de buscas, tentando descobrir como adicionar as imagens de Gravatar ao seu blog WordPress, resolvi escrever esta dica. Pra começo de conversa, o Gravatar só irá aparecer em seu site se este estiver corretamente configurado para isso. Para tal, vá em wp-admin -> Configurações ->…

  • Permitindo que colaboradores façam upload de arquivos

    Atualizado em

    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.

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!

    Responder

    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.

      Responder

      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…

    Responder

    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

      Responder

  9. 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’

    Responder

  10. 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.

    Responder