Back-End

30 out, 2012

Melhorando a toolbar do WordPress

Publicidade

Aquando aconteceu o lançamento da barra de ferramentas do WordPress na versão 3.3, houve muita gente que se colocou logo contra e outras pessoas que se colocaram a favor. A verdade é que esta foi, provavelmente, uma das alterações que provocou algum descontentamento junto de alguns usuários de WordPress, afirmando que a plataforma já estava ficando complexa e com muitas funcionalidades, e que algumas delas não seriam úteis. Em termos pessoais, penso que a barra de ferramentas introduzida é útil e poderá ser ainda mais útil se realizarem algumas alterações para facilitar ainda mais o seu trabalho enquanto blogueiro e gestor de um website com a plataforma WordPress.

A barra de ferramentas faz a ligação entre o backend da sua instalação com o frontend, quer isto dizer que se você estiver no frontend do seu website e pretender fazer alguma alteração ou aceder aos artigos, não necessita de ir primeiro ao painel de administração e navegar para onde pretende – com a barra de ferramentas terá tudo ao seu alcance no frontend, com ligações diretas para muitas áreas do painel de administração. Com a introdução de algumas alterações, poderemos potencializar ainda mais a utilidade desta funcionalidade, fazendo com que o seu trabalho seja facilitado e seja mais rápido navegar entre o frontend do seu website e o painel de administração. Ao contrário daquilo do que costumo fazer, hoje vou recomendar a utilização de plugins, muito por culpa da sua extrema utilidade e potencial. Para a localização, para baixar e enviar arquivos poderá utilizar um cliente de FTP  á sua escolha (recomendamos a utilização do cliente FTP Filezilla).

1. Clicky analitycs

O Clicky Analytics é um serviço que lhe fornece informações em tempo real sobre os visitantes do seu website. Com o aparecimento deste serviço, surgiu um plugin para WordPress que insere um gráfico sobre os visitantes na sua barra de ferramentas. Para a utilização do plugin Clicky by Yoast é necessário ter uma conta registrada em www.getclicky.com. O passo seguinte é instalar o plugin Clicky by Yoast e inserir os dados do seu website que registou no website do clicky.

Os dados:

O local onde deverá inserir os dados:

Depois de introduzir os dados do seu website no plugin Click by Yoast, será introduzido um gráfico na sua barra de ferramentas com dados estatísticos relativos aos visitantes do seu website nas últimas 48 horas.

3. Mudar barra de ferramentas de local

Se você gosta da barra de ferramentas, mas não gosta que ela esteja posicionada no topo da página, poderá movê-la para outro local. Neste caso, vamos mover a barra de ferramentas para o fundo da página, e para isso é necessário introduzir um trecho de código no arquivo functions.php – localize este arquivo que estará dentro do diretório do theme do seu website e edite-o, introduzindo o seguinte código:

function fb_move_admin_bar() {
echo '
';
}

// on backend area
add_action( 'admin_head', 'fb_move_admin_bar' );

// on frontend area
add_action( 'wp_head', 'fb_move_admin_bar' );

Depois de salvar a edição do ficheiro, verifique o resultado:

4. Apagar artigos na barra de ferramentas

Normalmente, quando se cria um artigo, não é com o intuito de um dia apagá-lo, mas a verdade é várias vezes desejamos ter um botão para apagar artigos diretamente no frontend do website. Imaginemos, por exemplo, que você está fazendo uma revisão de um website e pretende apagar alguns artigos enquanto navega; com esta funcionalidade você poderá poupar tempo ao não ter de se dirigir ao painel de administração quando quiser apagar um artigo. Para inserir esta funcionalidade, localize uma vez mais o arquivo functions.php que se encontra presente no diretorio do seu template e insira o seguinte código:

function fb_add_admin_bar_trash_menu() {
  global $wp_admin_bar;
  if ( !is_super_admin() || !is_admin_bar_showing() )
      return;
  $current_object = get_queried_object();
  if ( empty($current_object) )
      return;
  if ( !empty( $current_object->post_type ) &&
     ( $post_type_object = get_post_type_object( $current_object->post_type ) ) &&
     current_user_can( $post_type_object->cap->edit_post, $current_object->ID )
  ) {
    $wp_admin_bar->add_menu(
        array( 'id' => 'delete',
            'title' => __('Apagar'),
            'href' => get_delete_post_link($current_object->term_id)
        )
    );
  }
}
add_action( 'admin_bar_menu', 'fb_add_admin_bar_trash_menu', 35 );

Depois de inserir o código e salvar as alterações, verifique o resultado:

 

5. Habilitar barra de ferramentas apenas para administradores

Na gestão de um website você poderá querer que a barra de ferramentas não esteja disponível para os restantes usuários além dos administradores, e embora o WordPress não forneça uma solução para introduzir esta limitação, é possível limitar a utilização da barra de ferramentas apenas aos usuários que tenham permissões de administração no website. Para isso é necessário inserir uma pequena alteração no arquivo functions.php presente no diretório do theme do seu website. Então, edite o arquivo e insira o seguinte código:

if (!current_user_can('administrator')):
  show_admin_bar(false);
endif;

Ao fazer login com uma conta de usuário que não tenha permissões de administrador, a barra de ferramentas não será apresentada:

6. Remover itens da barra de ferramentas

Da mesma forma que é possível introduzir novos elementos na barra de ferramentas, também é possível remover itens que estejam presentes por defeito. Alguns desses itens poderão não ser úteis, por isso é bom removê-los, assim você libera espaço para poder inserir novos itens, ou simplesmente para limpar a imagem da barra de ferramentas e remover os itens que não lhe interessam e que não vai usar.  Para isso, poderá tirar os elementos que quiser utilizando o código abaixo:

function my_edit_toolbar($wp_toolbar) {
    $wp_toolbar->remove_node('wp-logo');
    $wp_toolbar->remove_node('site-name');
    $wp_toolbar->remove_node('updates');
    $wp_toolbar->remove_node('comments');
    $wp_toolbar->remove_node('new-content');
    $wp_toolbar->remove_node('top-secondary');
}

add_action('admin_bar_menu', 'my_edit_toolbar', 999);

Nota: o código que apresentamos irá retirar TODOS os elementos que estão presentes na barra de ferramentas por padrão

 

7. Alterar as boas vindas no painel de administração

Esta é uma das alterações em que se trata apenas de caprichar um pouco na sua instalação WordPress, fornecendo aos seus usuários uma experiência um pouco diferente daquela que encontrarão em outros websites. Por norma, a saudação no painel de administração é “Olá, <nome de usuário>”, e é bastante banal e é aquela que é utilizada por padrão em todas as instalações WordPress. E se você quiser alterar esta saudação e inserir uma ao seu gosto? O processo passa por alterar o arquivo functions.php presente no diretório do seu theme, inserindo um trecho de código. Então, edite oarquivo e insira o seguinte código:

add_action( 'admin_bar_menu', 'wp_admin_bar_my_custom_account_menu', 11 );

function wp_admin_bar_my_custom_account_menu( $wp_admin_bar ) {
    $user_id = get_current_user_id();
    $current_user = wp_get_current_user();
    $profile_url = get_edit_profile_url( $user_id );

if ( 0 != $user_id ) {
    /* Add the "My Account" menu */
    $avatar = get_avatar( $user_id, 28 );
    $howdy = sprintf( __('Seja Bem-Vindo, %1$s'), $current_user->display_name );
    $class = empty( $avatar ) ? '' : 'with-avatar';

    $wp_admin_bar->add_menu( array(
        'id' => 'my-account',
        'parent' => 'top-secondary',
        'title' => $howdy . $avatar,
        'href' => $profile_url,
        'meta' => array(
        'class' => $class,
    ),
) );

}
}

E aqui está o resultado:

Se pretender alterar a saudação para uma ao seu gosto, basta alterar o texto “Seja Bem-Vindo” para aquilo que pretender e será feita a alteração de acordo com o que inserir.

8. Inserir um menu de intens personalizados

Esta é uma das alterações que é feita com a utilização de um plugin, e que lhe poderá ser muito útil em termos de usabilidade do seu website enquanto administrador. Com a utilização do plugin Enhanced Admin Bar with Codex Search será inserido um menu drop down na sua barra de ferramentas com os itens por padrão, mas a verdade é que também lhe permite criar o seu próprio menu dropdown com os itens que pretender. Então, depois de instalar o plugin, dirija-se ao painel de configurações do mesmo e seleccione a opção “Add custom menu option for admin bar”

Em seguida, dirija-se às configurações de Menu e crie um novo menu com os itens que pretender:

Seleccione o menu criado na opção “Admin Bar Custom Navigation Menu”:

Isso é tudo por hoje!