Como criar um painel customizado no WordPress

Dúvidas sobre performance, marketing digital e SEO?

Vamos ensinar você como criar um painel administrativo customizado para seu cliente.

Se você já possui ou está começando agora sua agência digital, já deve ter notado que o desenvolvimento de site em wordpress possui inúmeras vantagens e aplicações, correspondendo boa parte da receita da empresa.

Veja as vantagens em ter painel administrativo customizado para seu cliente em wordpress.

Melhorar a experiência do usuário

Muitas vezes o painel padrão pode ficar confuso devido ao excesso de informações e plugins adicionados. Você pode simplificar para o uso de seu cliente, deixando as informações que realmente importam.

Pós venda

Mantenha o contato com seu cliente próximo para prestar suporte à qualquer dificuldade. Todo site precisa de atualizações constantes e nada mais sensato que você ser a primeira opção para o serviço.

Proteger contra acidentes

Existem muitas configurações que não exigem atualizações e não devem ser alteradas. Porque deixar seu cliente correr o risco de danificar o trabalho por engano?
Esconda essas funções do painel.

Deixar sua marca

Deixe os mericidos créditos pelo desenvolvimento do website para sua agência.

Vamos ajudar você a personalizar o painel do wordpress de forma simples e eficaz.

Aqui vou explicar como funciona para que possa fazer manualmente, entendendo você adapta à sua metodologia.
No texto abaixo tem o link para os 2 plugins desenvolvidos por nós para fazer todo esse trabalho de forma automática, exatamente como fazemos na agência.

Basta seguir copiar e colar as informações abaixo diretamente no functions.php de seu tema filho.

Essa função remove os widgets padrão do wordpress da página inicial do painel (wp-admin/index.php)
function remove_dashboard_widgets() {
    global $wp_meta_boxes;
    unset($wp_meta_boxes['dashboard']['side']['core']['dashboard_quick_press']);
    unset($wp_meta_boxes['dashboard']['normal']['core']['dashboard_incoming_links']);
    unset($wp_meta_boxes['dashboard']['normal']['core']['dashboard_right_now']);
    unset($wp_meta_boxes['dashboard']['normal']['core']['dashboard_plugins']);
    unset($wp_meta_boxes['dashboard']['normal']['core']['dashboard_recent_drafts']);
    unset($wp_meta_boxes['dashboard']['normal']['core']['dashboard_recent_comments']);
    unset($wp_meta_boxes['dashboard']['side']['core']['dashboard_primary']);
    unset($wp_meta_boxes['dashboard']['side']['core']['dashboard_secondary']);
    unset($wp_meta_boxes['dashboard']['normal']['core']['dashboard_activity']);
    unset($wp_meta_boxes['dashboard']['normal']['core']['rg_forms_dashboard']);
    unset($wp_meta_boxes['dashboard']['normal']['core']['bbp-dashboard-right-now']);
    unset($wp_meta_boxes['dashboard']['normal']['core']['wpseo-dashboard-overview']);
}
add_action('wp_dashboard_setup', 'remove_dashboard_widgets' );
Para remover o ícone do wordpress e submenu da barra superior use a função abaixo.
add_action( 'admin_bar_menu', 'remove_wp_logo', 999 );
function remove_wp_logo( $wp_admin_bar ) {
	$wp_admin_bar->remove_node( 'wp-logo' );
}
Quer colocar os créditos para sua agência no rodapé do painel? É só inserir a informação que deseja entre '' como no exemplo abaixo.
function remove_footer_admin () {
echo 'Desenvolvido por <a href="https://caporalmktdigital.com.br/" target="_blank" title="Caporal Mkt Digital">Agência de planejamento estratégico digital</a>';
}
add_filter('admin_footer_text', 'remove_footer_admin');
Para alterar a saudação no canto superior direito, use o código abaixo.
function replace_howdy( $wp_admin_bar ) {
    $my_account=$wp_admin_bar->get_node('my-account');
    $newtitle = str_replace( 'Olá', 'Bem vindo', $my_account->title );            
    $wp_admin_bar->add_node( array(
        'id' => 'my-account',
        'title' => $newtitle,
    ) );
}
add_filter( 'admin_bar_menu', 'replace_howdy',25 );

Com isso você já fez o básico de excluir o excesso da página principal do painel e inseriu seus créditos no rodapé.

A segunda parte é personalizar a página principal do painel com uma mensagem de Bem Vindo.
Você pode, é claro ter uma linha padrão do que colocar, mas o legal é dar um estilo mais próximo do site que acabou de desenvolver e deixar uma mensagem mais pessoal ao seu cliente.

Por exemplo, aqui na Caporal Mkt Digital colocamos a fonte, modelo de botões e outros detalhes de css de acordo com o que foi feito no site.

É claro que temos algumas informações base, por exemplo, um formulário de contato direto com o suporte técnico, alguns links úteis como tutoriais, serviços oferecidos e etc.

Mas ao final damos um toque especial deixando uma mensagem totalmente personalizada pela equipe que participou do desenvolvimento para desejar sucesso ao nosso cliente.

Alguns exemplos de nossos resultados podem ser vistos no vídeo demonstrativo.

Para criar sua página principal customizada no painel do wordpress é um passo um pouquinho mais avançado, vou deixar 2 opções abaixo de como fazer, o único trabalho que terá é de criar o conteúdo customizado.

Primeira opção

A primeira opção é criar um plugin próprio com seu painel, isso pode parecer complicado, mas na realidade acho mais simples e mais funcional, já que a base seria a mesma e você pode apenas fazer o upload sempre que necessário.

Para criar um novo plugin, basta utilizar o código abaixo de base, alterando as informações personalizadas.

Para criar um novo plugin, basta utilizar o código abaixo de base, alterando as informações personalizadas.
<?php

/*
Plugin Name: Meu painel personalizado
Plugin URL: https://caporalmktdigital.com.br/
Description: Uma descrição para meu painel.
Version: 1.0
Author: Alexandre Caporal
Author URI: https://caporalmktdigital.com.br/
*/


function meu_painel_personalizado_wp() {

   ?>

<script type="text/javascript">

/* Essa parte serve para esconder o painel padrão */

jQuery(document).ready( function($) 
{
    $('div.welcome-panel-content').hide();
});
</script>

Seu código personalizado vai aqui

<?php
}

add_action( 'welcome_panel', 'meu_painel_personalizado_wp' );

Você só precisa salvar em .zip e fazer o upload de seu plugin como outro qualquer, simples assim!

Segunda opção

Na segunda opção não é preciso criar um plugin, você pode fazer tudo diretamente do functions.php.

Essa metodologia é utilizada pelo Layerswp, cheguei a testar e realmente funciona legal, mas no nosso caso, a opção de plugin fica mais interessante para nosso workflow.

Em primeiro lugar você precisa remover o painel de Bem Vindo padrão do wordpress, para isso, só precisa inserir a linha abaixo no functions.php

remove_action( 'welcome_panel', 'wp_welcome_panel' );

Feito isso você precisa adicionar o que será apresentado no lugar do widget padrão.

Para isso, utilize a função abaixo, inserindo seu conteúdo personalizado.
add_filter('get_user_metadata', 'layers_child_welcome_panel', 1, 4);
function layers_child_welcome_panel($null, $object_id, $meta_key, $single) {

    if($meta_key !== 'show_welcome_panel') { return null; }

    $show_panel = get_user_meta( get_current_user_id(), 'layers_child_welcome_panel', true );
    if(empty($show_panel)) { return 0; }
          
      echo 'Seu conteúdo e/ou html vai aqui';

    ?>
    <a class="welcome-panel-close" href="<?php echo esc_url( admin_url( '?my_own_welcome=0' ) ); ?>"><?php _e('Dismiss this Message'); ?></a>
    <?php

    // Return 0 to suppress original panel
    return 0;
}

add_action('admin_init', 'layers_child_set_welcome_panel');
function layers_child_set_welcome_panel() {
    if ( isset( $_GET['my_own_welcome'] ) ) {
        update_user_meta( get_current_user_id(), 'layers_child_welcome_panel', intval($_GET['layers_child_welcome']));
    }

Agora sua página principal do painel já está totalmente personalizada.

Foi complicado até aqui?
Que tal facilitar?

Confira nosso plugin Meu painel Personalizado que fará todos os passos acima para você com apenas um único clique.
Sim, basta ativar o plugin e tudo é feito automaticamente.

Achou pouco?
Então olha esse diferencial, nosso plugin cria um link diretamente com uma página de seu site, assim fica muito mais fácil para fazer qualquer edição e os níveis de personalização são ainda maiores, podendo por exemplo, utilizar um builder (construtor de páginas) para fazer o painel do wordpress do jeito que quiser.

A última coisa a fazer é personalizar o menu administrativo do wordpress.

A ideia aqui é esconder algumas informações de configuração e deixar apenas as funcionalidades essenciais para os usuários.

Não é complicado fazer isso pelo próprio funcions.php, mas como você vai precisar estar habilitando e desabilitando essas funções toda vez para realizar manutenções e atualização do site, então resolvemos facilitar criando um plugin que limpa o menu do wordpress de forma automática.

Com um menu clean, você não corre o risco de acidentalmente alterar a configuração base do site e gera uma experiência mais agradável ao seu cliente, deixando apenas a gestão de conteúdo visível.

Confira os detalhes de nosso plugin Client Protection, é gratuito, simples e eficaz.

Se ainda assim preferir fazer pelo functions.php basta seguir os passos abaixo:

Para remover as notificações sobre as atualizações de temas, plugins e do wordpress, use o código:
function remove_core_updates(){
    global $wp_version;return(object) array('last_checked'=> time(),'version_checked'=> $wp_version,);
}
add_filter('pre_site_transient_update_core','remove_core_updates');
add_filter('pre_site_transient_update_plugins','remove_core_updates');
add_filter('pre_site_transient_update_themes','remove_core_updates');
Para remover a função de edição, insira o código abaixo:
function remove_editor_menu() {
  remove_action('admin_menu', '_add_themes_utility_last', 101);
}
add_action('_admin_menu', 'remove_editor_menu', 1);

Por fim, você pode esconder algumas opções do menu.
Perceba que nada será deletado, apenas não vai aparecer no menu, as funções continuam ativas.
Coloquei alguns plugins muito utilizados e recomendados por nós também, basta usar as linhas que deseja ou inserir no mesmo modelo do código abaixo:

function agcap_remove_menus () {
    remove_menu_page('plugins.php'); // Plugins
    remove_menu_page('options-general.php'); // Settings
    remove_menu_page('DiviModuleEditor'); // Divi Module Editor
    remove_menu_page('tools.php'); // Tools
    remove_menu_page('et_extra_options'); // Extra Theme Options  
    remove_menu_page('et_divi_options'); // Divi Theme Options   
    remove_menu_page('Plugin_Organizer'); // Plugin Organizer
    remove_menu_page('instant-articles-wizard'); // Facebook Instant Articles
    remove_menu_page('amp-analytics-options'); // AMP analytics
    remove_menu_page('haw-mautic-integration'); // Mautic Integration
    remove_menu_page('wpcf7'); // Contact Form 7
    remove_menu_page('cptui_manage_post_types'); // Custom Post Type
    remove_menu_page('w3tc_dashboard'); // W3 Total Cache
    remove_menu_page('Wordfence'); // Wordfence
    remove_menu_page('loginpress-settings'); // Loginpress
    remove_menu_page('itsec'); // Itheme Security
    remove_menu_page('genesis'); // Genesis Framework
    remove_submenu_page('themes.php', 'themes.php'); // Themes
    remove_submenu_page('themes.php', 'widgets.php'); // Widgets
    remove_submenu_page('plugins.php', 'plugin-editor.php' ); // Editor
    remove_submenu_page('index.php', 'update-core.php' ); // Update
    remove_menu_page( 'WP-Optimize' ); // Wp Optimize
    remove_menu_page( 'wp-seo-schema' ); // Wp Structured Data
    remove_menu_page( 'et_bloom_options' ); // Bloom
    remove_menu_page( 'et_divi_100_options' ); // Divi 100
    remove_menu_page( 'gf_edit_forms' ); // Gravity Forms
    remove_menu_page( 'wpseo_dashboard' ); // Yoast
    remove_menu_page( 'sucuriscan' ); // Sucuri
    remove_menu_page( 'revslider' ); // Revolution Slider
    remove_menu_page( 'wysija_campaings' ); // Mailpoet
        remove_submenu_page( 'wysija_config' ); // Mailpoet config
        remove_submenu_page( 'wysija_premium' ); // Mailpoet premium
        remove_submenu_page( 'wysija_mp3' ); // Mailpoet Anuncio
    remove_menu_page('edit.php?post_type=popup'); // Popup Maker
       global $submenu;
        // Appearance Menu
        unset($submenu['themes.php'][6]); // Customize
}
add_action('admin_menu', 'agcap_remove_menus', 9999);

Pronto, agora sim seu painel do wordpress está totalmente personalizado, limpo e protegido.

Existem opções de plugin que fazem todo esse trabalho, mas para ser sincero, em nossos testes não encontramos um bom equilíbrio entre funcionalidade, praticidade e nível de personalização.

Foi pensando nisso que desenvolvi os 2 plugins citados, que utilizamos em todos os sites de clientes desenvolvidos na Caporal Mkt Digital.

E agora você também pode usar, totalmente gratuito. Espero que ajude!

Dicas incríveis, análises e ferramentas exclusivas para o sucesso de seu negócio

Inscreva seu melhor e-mail e confira nosso brinde exclusivo!

Pronto, você foi inscrito! Confira seu e-email!

Pin It on Pinterest

Share This