Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
Copa WPB
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

Como criar um painel de controle do cliente no WordPress

Nota editorial: Ganhamos uma comissão de links de parceiros no WPBeginner. As comissões não afetam as opiniões ou avaliações de nossos editores. Saiba mais sobre Processo editorial.

Deseja criar um painel de controle do cliente no WordPress?

Um painel de controle personalizado no WordPress pode ajudar seus clientes com recursos e atalhos necessários para começar.

Neste artigo, mostraremos como criar um painel de controle do cliente no WordPress sem escrever nenhum código ou afetar a capacidade do cliente de atualizar seus sites.

Creating a client dashboard in WordPress

Por que criar um painel de controle do cliente no WordPress?

Como provedor de soluções WordPress, você encontrará clientes que nunca usaram o WordPress antes e que não estão familiarizados com HTML, CSS ou a terminologia do WordPress.

Ao criar um painel de controle personalizado para os clientes, você pode oferecer a eles uma interface enxuta do WordPress e uma usabilidade aprimorada.

Isso aumentará a satisfação do cliente, o que leva a mais trabalhos repetidos. Seus clientes precisarão de menos suporte, o que também economizará seu tempo.

Dito isso, vamos dar uma olhada em como criar facilmente um painel de controle do cliente no WordPress.

Nós o orientaremos nas diferentes etapas do processo. Você pode decidir o quanto deseja personalizar, dependendo dos requisitos do seu cliente. Basta usar os links rápidos abaixo para ir para as etapas que mais lhe interessam:

1. Ocultar menus de administração desnecessários

Ao criar um site para seus clientes, você pode usar diferentes plug-ins do WordPress, tipos de postagem personalizados, criadores de páginas do WordPress e outras ferramentas.

Muitas dessas ferramentas adicionarão seus próprios itens de menu na barra de administração do WordPress, criarão widgets personalizados no painel de administração e adicionarão links na barra de ferramentas.

O resultado final parece um pouco bagunçado. Para um cliente que nunca usou o WordPress, esses itens adicionais fazem com que o painel pareça mais complicado do que o necessário.

WordPress dashboard

Vamos começar a criar um painel de controle do cliente limpando a bagunça.

Para fazer isso, você precisará instalar e ativar o plug-in Adminimize. Para obter mais detalhes, consulte nosso guia passo a passo sobre como instalar um plug-in do WordPress.

Após a ativação, você precisa visitar a página Settings ” Adminimize para configurar o plug-in.

Adminimize settings

Você verá diferentes seções de administração listadas na página de configurações. Ao clicar em uma seção, ela será expandida e você verá as opções dessa seção específica.

Settings for a section in Adminimize

É possível exibir ou ocultar qualquer item listado em uma seção para diferentes funções de usuário. Analise cuidadosamente cada item antes de ocultá-lo, pois isso pode afetar a capacidade do seu cliente de usar o site.

Para obter instruções detalhadas, consulte nosso guia sobre como ocultar itens de menu desnecessários no WordPress.

2. Painel de controle do WordPress de marca branca

O plug-in Adminimize abrange muitas opções para controlar a aparência do painel de administração do WordPress. No entanto, ele não tem opções para ocultar a marca do WordPress e a rotulagem branca da área de administração.

A rotulagem branca inclui a substituição do logotipo do WordPress por um logotipo personalizado, a alteração do rodapé da área de administração, a exibição ou ocultação de itens dos menus e muito mais.

Primeiro, você precisa instalar e ativar o plug-in White Label CMS. Após a ativação, vá para a página Settings ” White Label CMS para definir as configurações do plug-in.

White Label CMS settings

A página de configurações é dividida em diferentes seções. Você pode clicar em uma seção para expandir e visualizar suas configurações.

Algumas opções do plug-in também estão disponíveis no Adminimize. Se você já tiver ocultado essas opções, poderá ignorá-las.

Para obter instruções detalhadas sobre cada seção, consulte nosso artigo sobre como criar uma etiqueta branca no painel de administração do WordPress.

3. Alterar a aparência do painel do WordPress

O WordPress vem com um punhado de esquemas de cores de administração que os usuários podem alterar em seus perfis. É possível definir um esquema de cores como padrão para novos usuários. Você também pode criar seu próprio esquema de cores personalizado.

Admin color schemer

Deseja levar isso para o próximo nível? Experimente os temas de administração do WordPress. Esses temas estão disponíveis como plugins que você pode instalar para alterar a aparência da sua área de administração do WordPress.

WordPress admin theme

Aqui estão alguns temas e plug-ins gratuitos de administração do WordPress que você pode experimentar.

4. Adicionar recursos úteis ao painel do cliente

Ao entregar projetos aos seus clientes, você perceberá que muitos deles têm perguntas semelhantes. Adicionar uma seção de ajuda ou de recursos no painel do cliente do WordPress pode ajudá-lo a responder a essas perguntas e economizar o tempo gasto no fornecimento de suporte.

A melhor maneira de adicionar uma seção de ajuda é instalando e ativando o plug-in WP Help. Após a ativação, o plug-in adiciona um novo item de menu “Publishing Help” (Ajuda para publicação) em sua barra de administração do WordPress. Ao clicar nele, você será direcionado para a página de configurações.

Publishing help

Essa área estará vazia, pois você ainda não criou nenhum recurso de ajuda. Vá em frente e clique no botão “Add New” (Adicionar novo) para criar um.

Na próxima página, você pode criar seu documento de ajuda da mesma forma que criaria um post ou uma página do WordPress.

New help document

O WP Help usa o tipo de postagem personalizado para documentos, e eles são hierárquicos como as páginas. Você pode criar documentos pai e filho para organizá-los.

Managing docs

Você também pode sincronizar documentos de outro site WordPress. Isso permite que você use a mesma documentação para todos os projetos de seus clientes.

Para obter instruções detalhadas, consulte nosso guia sobre como adicionar uma seção de ajuda/recurso no administrador do WordPress.

5. Criação de widgets personalizados do painel

Os widgets do painel são as primeiras coisas que o usuário vê quando faz login na área de administração do WordPress. Esse é o melhor lugar para indicar aos seus clientes a direção certa, adicionando seus próprios widgets de painel personalizados.

Aqui está um código simples de widget de painel que você pode usar como ponto de partida.

Você precisará adicionar esse código ao arquivo functions.php do seu tema, em um plug-in específico do site ou em um plug-in de snippets de código.

add_action('wp_dashboard_setup', 'my_custom_dashboard_widgets');
  
function my_custom_dashboard_widgets() {
global $wp_meta_boxes;
 
wp_add_dashboard_widget('custom_help_widget', 'Theme Support', 'custom_dashboard_help');
}
 
function custom_dashboard_help() {
 
// Content you want to show inside the widget
 
echo '<p>Welcome to Custom Blog Theme! Need help? Contact the developer <a href="mailto:yourusername@gmail.com">here</a>. For WordPress Tutorials visit: <a href="https://www.wpbeginner.com" target="_blank">WPBeginner</a></p>';
}

Não se esqueça de alterar a parte do conteúdo com sua própria mensagem. Você pode usar HTML simples para formatação e estilo.

Recomendamos adicionar esse código usando o WPCode, o melhor plug-in de snippets de código.

WPCode

O WPCode torna seguro e fácil adicionar códigos personalizados no WordPress, sem editar o arquivo functions.php do seu tema. Assim, você nunca precisará se preocupar com a quebra do seu site.

Para começar, você precisa instalar e ativar o plug-in gratuito WPCode. Se precisar de ajuda, consulte nosso guia sobre como instalar um plug-in do WordPress.

Depois que o plug-in for ativado, navegue até a página Code Snippets ” + Add Snippet no painel do WordPress. Em seguida, clique no botão “Use Snippet” na opção “Add Your Custom Code (New Snippet)”.

Add a new custom code snippet in WPCode

Em seguida, adicione um título para o snippet de código e cole o código acima na caixa “Code Preview” (Visualização de código). Não se esqueça de selecionar também “PHP Snippet” como o tipo de código no menu suspenso.

Paste code into the WPCode plugin and choose code type

Depois disso, basta alternar o botão de alternância de “Inativo” para “Ativo” e pressionar o botão “Salvar snippet”.

Activate and save your custom code snippet

Veja como ficou quando o testamos em nosso site de demonstração:

Custom dashboard widget

Esperamos que este artigo tenha ajudado você a aprender como criar um painel de cliente no WordPress. Talvez você também queira ver nosso guia sobre como aumentar a velocidade e o desempenho do WordPress e nossas escolhas de especialistas sobre os melhores serviços de telefonia comercial para pequenas empresas.

Se você gostou deste artigo, inscreva-se em nosso canal do YouTube para receber tutoriais em vídeo sobre o WordPress. Você também pode nos encontrar no Twitter e no Facebook.

Divulgação: Nosso conteúdo é apoiado pelo leitor. Isso significa que, se você clicar em alguns de nossos links, poderemos receber uma comissão. Veja como o WPBeginner é financiado, por que isso é importante e como você pode nos apoiar. Aqui está nosso processo editorial.

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

O kit de ferramentas definitivo WordPress

Obtenha acesso GRATUITO ao nosso kit de ferramentas - uma coleção de produtos e recursos relacionados ao WordPress que todo profissional deve ter!

Reader Interactions

12 ComentáriosDeixe uma resposta

  1. Syed Balkhi says

    Hey WPBeginner readers,
    Did you know you can win exciting prizes by commenting on WPBeginner?
    Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
    You can get more details about the contest from here.
    Start sharing your thoughts below to stand a chance to win!

  2. Reuben says

    Hi could you give me a sample of how to create multiple dashboard widget? from your above code i could create 1 dashboard widget. But i tried to duplicate it but it seems i’m having a little trouble. Could you provide me with a sample so i could work it out? Sorry i’m pretty new in this hope you would help.

    Thanks!!

  3. Jonny says

    Hi love this tutorial and your code works like a charm. But i got a slight issue. I am a noob in wordpress i would admit but by using the above code you mention..

    add_action(‘wp_dashboard_setup’, ‘my_custom_dashboard_widgets’);

    function my_custom_dashboard_widgets() {
    global $wp_meta_boxes;

    wp_add_dashboard_widget(‘custom_help_widget’, ‘Theme Support’, ‘custom_dashboard_help’);
    }

    function custom_dashboard_help() {
    echo ‘Welcome to Custom Blog Theme! Need help? Contact the developer here. For WordPress Tutorials visit: WPBeginner‘;
    }

    i am able to create 1 widget which is great! How could i modify/add to add more widget to my dashbooard? can i jsut copy and paste?

    • WPBeginner support says

      You could create another widget by adding another wp_add_dashboard_widget() inside the curly brackets with a function for what you want inside the new widget.

      Administrador

  4. Thabiso says

    Hmmmmm! Beautiful article. Just what I’ve been longing for. Thank you. I saved it on my Facebook so to keep revisiting it.

Deixe uma resposta

Obrigado por deixar um comentário. Lembre-se de que todos os comentários são moderados de acordo com nossos política de comentários, e seu endereço de e-mail NÃO será publicado. NÃO use palavras-chave no campo do nome. Vamos ter uma conversa pessoal e significativa.