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

  • Jetpack: Editando o posicionamento dos botões de compartilhamento social

    Jetpack: Editando o posicionamento dos botões de compartilhamento social

    Utilizando o plugin Jetpack faz algum tempo, sempre me perguntei como os botões de compartilhamento social eram corretamente colocados após o conteúdo da postagem, e como eu poderia fazer um controle manual deste posicionamento para explorar isso melhor em cada tema. Aqui mesmo no TudoParaWP, os botões de compartilhamento são colocados antes e depois do…

  • Como solicitar imagem destacada como obrigatória?

    Muitos temas de WordPress, sobretudo páginas iniciais e de arquivos/categorias, são altamente dependentes de imagens destacadas para apresentarem uma interface atrativa. Se você tem um tema assim, ou desenvolveu para um cliente que é assim, então você não pode permitir que sua postagem ou a de seu cliente fiquem sem imagem destacada, ou com uma…

  • Como listar os últimos usuários registrados no seu blog?

    Se você tem um blog em que é permitido o registro de novos usuários (sejam eles autores, contribuidores, etc), você pode mostrar em sua sidebar (ou qualquer outra área escolhida por você) os últimos a terem se registrados, bastando apenas incluir o código abaixo no local desejado. Vale destacar que onde sê lê LIMIT 10…

  • Como carregar o Contact Form 7 apenas na página de contato?

    Se você usa o plugin Contact Form 7 para gerar formulários de contato em seu site e é tão aficcionado por performance quanto eu, deve ter notado que este plugin adiciona seus arquivos .js e .css em TODAS as páginas de seu site mesmo que eles não sejam usados nelas. Ao ler o parágrafo acima,…

  • Alterando sua senha de admin no WordPress via SQL

    Esqueceu sua senha de admin e precisa a alterar de uma maneira mais, digamos, radical ? Você pode usar este comando SQL para o alterar.. (pode ser via o phpmyadmin, por exemplo, ou console) UPDATE ‘wp_users’ SET ‘user_pass’ = MD5(‘nova_senha_aqui’) WHERE ‘wp_users’.’user_login’ = “login_do_admin”; Como você pode notar, apenas nova_senha_aqui e logins_do_admin devem ser alterados…

  • Como encontrar o ID de suas páginas?

    Você precisa encontrar um ID de página ou post do WordPress, mas não sabe onde estão? Neste artigo você aprenderá um método fácil para visualizar IDs de páginas e postagens no painel do WordPress – sem usar plugins ou qualquer outro recurso adicional. O que são IDs de páginas e posts do WordPress? Cada conteúdo…

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.