Como alterar o logotipo de login do administrador do WordPress

Existem inúmeros sistemas de gerenciamento de conteúdo que prosperam atualmente, mas nenhum é tão prolífico quanto o WordPress. Todo cliente quer ter a capacidade de alterar seu site a qualquer momento e quer fazer isso sozinho e, mais uma vez, o WordPress é a melhor opção para isso. O senhor fornece ao cliente o WordPress, personaliza-o com plugins para os recursos de que ele precisa e fornece a ele o URL de login… onde ele veria um logotipo do WordPress… o que barateia o trabalho que o senhor fez. Fazer um esforço extra para personalizar a interface de administração para seu cliente fará uma grande diferença, e a mais importante das mudanças é mostrar o logotipo do cliente na tela de login do administrador.

O logotipo exibido na tela de login do administrador é uma imagem, mas é exibido via CSS background-image. Para alterar essa imagem, o senhor precisará alterar um seletor CSS no admin, e a maneira mais segura de fazer isso é com um folha de estilo de administração personalizada do WordPress:

// Update CSS within in Admin
function admin_style() {
  wp_enqueue_style('admin-styles', get_template_directory_uri().'/admin.css');
}
add_action('admin_enqueue_scripts', 'admin_style');

O seletor que o WordPress usa para o registro é .login h1 aPortanto, para alterar o logotipo com segurança, a seguinte atualização de especificidade é uma boa aposta:

body .login h1 a {
  background-image: url('path/to/client-logo.png');
}

O snippet CSS acima alterará o logotipo padrão do WordPress para uma imagem de sua escolha. Talvez o senhor precise ajustar background-size para garantir que a imagem seja exibida corretamente.

A maioria dos clientes não tem noção do que é o WordPress, nem precisa ter – eles simplesmente querem um painel de administração do site que pareça ter sido feito especialmente para eles… e o branding é a maneira mais fácil de fazer isso.