5 maneiras de personalizar o painel administrativo do WordPress

O Dashboard ou Painel administrativo do WordPress é bastante importante para o sistema de blogs mais famoso do mundo. Na verdade ele permite que você controle seus posts, o design do seus blogs, entre outras coisas.
Ao criar um site para um cliente é importante que você tenha capacidade de customização total do Painel.
Neste artigo vamos ver 5 maneiras diferentes e úteis para personalização do painel administrativo do WordPress.
Para que os processos de customização funcionem, é necessário que seu tema tenha um arquivo chamado functions.php. Caso não tenha, crie um arquivo e envie para a pasta do seu tema.

Remover menus do painel

Ao contruir um blog para um cliente, por exemplo, você poderá ter necessidade de remover determinados ítens do menu padrão do painel, a fim de evitar problemas futuros como o cliente excluir um tema acidentalmente.
Tudo bem, existem plugins que fazem isso facilmente, como o Adminimize, contudo veremos uma forma manual de efetuar tal tarefa.
Cole o seguinte código no arquivo functions.php que está na pasta do seu tema.
O exemplo a seguir irá remover os menus nomeados no array $restricted .
1
2
3
4
5
6
7
8
9
10
function remove_menus () {
global $menu;
        $restricted = array(__('Dashboard'), __('Posts'), __('Media'), __('Links'), __('Pages'), __('Appearance'), __('Tools'), __('Users'), __('Settings'), __('Comments'), __('Plugins'));
        end ($menu);
        while (prev($menu)){
            $value = explode(' ',$menu[key($menu)][0]);
            if(in_array($value[0] != NULL?$value[0]:"" , $restricted)){unset($menu[key($menu)]);}
        }
}
add_action('admin_menu', 'remove_menus');
Caso você queira remover os itens do seu menu, você deverá indicá-los na array $restricted, conforme abaixo:
1
$restricted = array(__('Dashboard'), __('Posts'), __('Media'), __('Links'), __('Pages'), __('Appearance'), __('Tools'), __('Users'), __('Settings'), __('Comments'), __('Plugins'));
Deixei apenas 2 itens que são os plugins Social Login e Shareaholic, conforme imagem abaixo.

Alterar o login da página de login

Apesar de não ter qualquer importância para o desempenho ou usabilidade de seu blog, a maioria dos clientes ficariam mais satisfeitos ao ver seu próprio logotipo na página de login do WordPress ao invés do logotipo básico do CMS.
O Plugin Custom admin branding poderá fazer isso facilmente, mas iremos ensiná-lo também a executar essa tarefa via código. Cole o código abaixo no seu arquivo functions.php
1
2
3
4
5
6
function my_custom_login_logo() {
    echo '<style type="text/css">
        h1 a { background-image:url('.get_bloginfo('template_directory').'/images/custom-login-logo.gif) !important; }
    </style>';
}
add_action('login_head', 'my_custom_login_logo');
Obviamente, você deverá enviar uma logomarca para a pasta de imagens do seu tema ou simplesmente usar a mesma imagem da logo do blog, como fiz no exemplo. Para isso, basta você alterar o nome da imagem, conforme abaixo:
1
/images/custom-login-logo.gif
Na realidade, você pode mudar o caminho da imagem de acordo com sua preferência, mas para manter a casa arrumada, é recomendado que você envie a imagem para a pasta de imagens do tema.
Veja o exemplo abaixo:

No exempolo acima, eu inseri o caminho exato da logo, uma vez que ela estava na pasta de uploads. Dessa forma, o código ficou assim:
1
2
3
4
5
6
function my_custom_login_logo() {
    echo '<style type="text/css">
        h1 a { background-image:url(http://mxcursos.com/blog/wp-content/uploads/2012/03/logo1.png) !important; }
    </style>';
}
add_action('login_head', 'my_custom_login_logo');
Eu prometo que não foi preguiça, mas sim apenas uma outra forma de mostrar a inserção de uma imagem com URL Full, já que tenho certeza de que iriam me perguntar.

Substituir o logotipo do painel

Assim como ocliente gostaria de ver sua logomarca na página de login, não há dúvidas de que ele também iria adorar ver a logomarca dentro do painel administrativo do wordpress. Para isso, basta você inserir o código abaixo no arquivo functions.php do seu tema.
1
2
3
4
5
add_action('admin_head', 'my_custom_logo');
function my_custom_logo() {
   echo '<style type="text/css">
         #wp-admin-bar-wp-logo .ab-icon {background: url('.get_bloginfo('template_directory').'/images/header-logo.png) no-repeat center top !important; }</style>';
}
Note que é bem parecido com o código de inserção da marca na página do login. Contudo, iremos “atacar” a classe .ab-icon, responsável por exibir o sprite com a logo.
Veja como ficou

Desativar a mensagem “O WordPress X.X está disponível! Por favor, atualize agora”.

o WordPress lança constantemente novas versões de sua ferramenta. Embora por questões de segurança óbvias você deve sempre atualizá-lo, contudo dependendo do projeto não é necessário que seu cliente veja a mensagem padrão do WordPress solicitando atualização do sistema.
Novamente, uma tarefa fácil. Cole o código abaixo no arquivo functions.php do seu tema.
1
add_filter( 'pre_site_transient_update_core', create_function( '$a', "return null;" ) );
Veja como ficou

Alterar as cores do Painel do WordPress

Se você sempre quis mudar as cores do Painel do WordPress (Cores de fontes ou até mesmo a exibição) sem ter que editar o core do WordPress, você vai adorar essa dica.
o Exemplo a seguir apresente uma mudança no estilo básico (cabeçalho cinza é substituido pelo azul), mas você pode facilmente adicionar outros estilos como desejar dentro das tags
.
Assim como os exemplos anteriores, cole o código a seguir no arquivo functions.php do seu tema.
1
2
3
4
function custom_colors() {
   echo '<style type="text/css">#wpadminbar {background:#069}</style>';
}
add_action('admin_head', 'custom_colors');
Dessa vez também atacamos o CSS, mas dessa vez não uma classe e sim a div #wpadminbar.
Veja como ficou
Customize Dashboard WordPress Change Colors
No exemplo acima, eu customizei a div #wpadminbar. É recomendado que você use um inspecionador que pode ser o firebug do Firefox, por exemplo para saber as divs de determinadas áreas do painel e poder customizá-las.
Vale ressaltar que usamos os testes na versão 3.3.1+ do WordPress e esses hacks podem não funcionar para versões anteriores ou posteriores à versão atual 3.4.

Comentários

Postagens mais visitadas