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.
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 .
Caso você queira remover os itens do seu menu, você deverá indicá-los na array $restricted, conforme abaixo:
Deixei apenas 2 itens que são os plugins Social Login e Shareaholic, conforme imagem abaixo.
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
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:
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:
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.
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
Novamente, uma tarefa fácil. Cole o código abaixo no arquivo functions.php do seu tema.
Veja como ficou
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.
Dessa vez também atacamos o CSS, mas dessa vez não uma classe e sim a div #wpadminbar.
Veja como ficou
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.
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' ); |
1
| $restricted = array (__( 'Dashboard' ), __( 'Posts' ), __( 'Media' ), __( 'Links' ), __( 'Pages' ), __( 'Appearance' ), __( 'Tools' ), __( 'Users' ), __( 'Settings' ), __( 'Comments' ), __( 'Plugins' )); |
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' ); |
1
| /images/custom-login-logo.gif |
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' ); |
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>'; } |
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;" ) ); |
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' ); |
Veja como ficou
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
Postar um comentário