Você quer criar um painel WordPress personalizado em seu site?

Talvez você deseje criar uma experiência mais customizada para seus clientes ou usuários terceirizados (como autores ou blogueiros freelancer). Ou talvez esteja trabalhando em seu próprio site e apenas procure uma forma de construir uma experiência de administração mais simplificada que se adeque aos seus fluxos de trabalho.

Não importa o motivo pelo qual você queria um painel WordPress personalizado, esse post te ajudará. Nele, você aprenderá como personalizar todos os aspectos do painel WordPress, incluindo como:

Começaremos mostrando como você pode usar um plugin completo que faz um pouco de tudo. Em seguida, compartilharemos algumas ferramentas de nicho para lidar com as áreas de personalização específicas que mencionamos acima. Vamos começar com a personalização!

WordPress facilita a personalização no back-end do seu painel de administração! 🖌️ Check out how. Click to Tweet

Aviso Importante Sobre Desempenho

Antes de nos aprofundarmos nesse tutorial, é importante lembrar que personalizar demais seu painel WordPress pode resultar em desempenho mais lento no back-end (ou em alguns casos, ele pode carregar mais rapidamente, dependendo do que for feito). Em geral, isso impacta somente as pessoas que fazem login em seu site, não aquelas que estiverem no front-end. O front-end do seu site deve ser servido primariamente a partir do cache do WordPress.

Como tudo no WordPress, é importante testar o antes e o depois. Ou melhor ainda, fazer essas alterações primeiro em um ambiente de testes antes de implementá-las em seu site de produção. Isso é especialmente importante se você tem blogueiros convidados ou clientes fazendo login no back-end do seu site diariamente. A velocidade do seu painel WordPress é importante e muitas vezes ela é ignorada quando se trata de otimização de desempenho.

Plugin White Label CMS: Uma Ferramenta Completa Para um Painel WordPress Personalizado

plugin gratuito White Label CMS é uma ótima solução completa que te permite personalizar rapidamente a maioria dos aspectos do painel WordPress. Aqui está um exemplo de como você pode usá-la para construir seu painel:

Exemplo de um painel personalizado construído com White Label CMS

Exemplo de um painel personalizado construído com White Label CMS

Esse plugin é divulgado como uma solução para desenvolvedores criarem um painel mais personalizado para os clientes, mas também pode ser útil se você estiver trabalhando em seu próprio site.

No geral, ele pode te ajudar a:

  • Substituir a marca genérica do WordPress pela sua própria
  • Personalizar a página de login do WordPress
  • Adicionar seu próprio widget de boas-vindas personalizado no painel
  • Incluir seu próprio feed RSS como um widget no painel
  • Ocultar itens dos menus da barra lateral ou da barra de ferramentas superior
  • Desabilitar a barra de ferramentas do WordPress

Veja como usá-lo…

Passo 1: Execute o Assistente de Configuração

Após instalar e ativar o plugin, vá até Configurações → White Label CMS para executar o assistente de configuração.

Primeiro, você poderá inserir suas próprias informações para substituir a marca padrão do WordPress:

Assistente de configuração do White Label CMS

Assistente de configuração do White Label CMS

Em seguida, na próxima página, você poderá adicionar as informações do seu cliente (se aplicável):

Assistente de configuração do White Label CMS – parte 2

Assistente de configuração do White Label CMS – parte 2

Passo 2: Personalize Outras Marcas

Após encerrar o assistente de configuração, você desbloqueará uma área completa de configurações que te dá acesso a diversas outras opções.

Na aba de Marca (Branding), você pode alterar configurações que te permitem:

  • Escolher quais partes da marca genérica do WordPress devem ser ocultas
  • Substituí-las por sua própria marca, se você desejar

Por exemplo, se você rolar a página para baixo na seção Marca da Barra de Administração (Admin Bar Branding), poderá adicionar seu próprio logo para substituir o do WordPress no canto esquerdo superior da interface.

Aqui está o visual após o substituirmos com o favicon da Kinsta:

Inserir marca personalizada

Inserir marca personalizada

Passo 3: Personalize a Página de Login

Após terminar de configurar os itens da marca, você pode ir até a aba de Login para personalizar a página de login do WordPress.

Além de adicionar seu próprio logo e/ou imagem de plano de fundo, você também pode:

  • Ocultar o link de registro/“perdeu a senha?”
  • Ocultar o link “voltar para”
  • Alterar as cores de diversas partes do formulário
Personalizar a página de login

Personalizar a página de login

Passo 4: Adicione Widgets Personalizados no Painel

Se desejar, a aba Painel (Dashboard) permite que você adicione widgets personalizados que aparecerão na página principal do painel WordPress.

Veja um exemplo de como ela pode ser:

Exemplo de um painel personalizado

Exemplo de um painel personalizado

Você também pode adicionar seu HTML personalizado, o que permitirá que inclua imagens ou vídeos. Ou pode até mesmo usar um template do Elementor ou Beaver Builder Pro se tiver um desses plugins de construtores de páginas instalado:

Como adicionar um painel personalizado

Como adicionar um painel personalizado

Passo 5: Personalize o Menu da Barra Lateral e a Barra de Ferramentas

Se você tem muitos plugins ativos em seu site, a barra lateral do painel WordPress e a barra de ferramentas podem começar a ficar um pouco carregadas.

Para te ajudar a corrigir isso, a aba Menus permite que você oculte determinados itens do menu para os demais usuários. Tudo o que precisa ser feito é marcá-los como ativos ou inativos:

Ocultar itens do menu do painel WordPress

Ocultar itens do menu do painel WordPress

E essa é uma introdução rápida sobre como personalizar o painel de administração do WordPress usando uma só ferramenta completa.

Agora, cobriremos alguns plugins que visam áreas específicas do painel.

Como Personalizar o Menu de Administração WordPress: Adicionar, Remover ou Reorganizar Itens do Menu

Se você estiver interessado especificamente em personalizar a barra lateral do painel WordPress, pode usar um plugin dedicado chamado Admin Menu Editor.

Esse plugin freemium permite:

  • Alterar os nomes dos itens do menu e adicionar seus próprios ícones, classes CSS, etc.
  • Reorganizar os itens do menu, como por exemplo criar uma nova categoria mãe.
  • Criar itens personalizados do menu que vinculam URLs personalizadas.

Para começar, instale e ative o plugin no WordPress.org. Em seguida, vá até Configurações → Menu Editor para personalizar o menu do seu painel:

Interface do Admin Menu Editor

Interface do Admin Menu Editor

Como Criar Novos Widgets Personalizados no Painel

Se deseja mais flexibilidade para criar widgets personalizados no painel ou uma mensagem personalizada de boas-vindas, você pode usar o plugin gratuito Dashboard Widgets Suite.

Esse plugin permite que você personalize o número de colunas no painel, além de adicionar novos widgets nele com:

  • Notas personalizadas
  • Feeds RSS
  • Mídias sociais
  • Listas
  • Outros widgets do WordPress
  • Informações do sistema
  • Registros de depuração
  • Registros de erros

Para começar, instale e ative o plugin no WordPress.org. Em seguida, vá até Configurações → Widgets do Painel (Dashboard Widgets) para configurar o plugin.

Na aba de Configurações Gerais (General Settings), você pode alterar o número de colunas e escolher quais funções de usuário podem visualizar os widgets. Em seguida, pode usar outras abas para habilitar e configurar widgets específicos:

Configurações do Dashboard Widgets Suite

Configurações do Dashboard Widgets Suite

Na sequência, você pode ir até a área do seu Painel e reorganizar seus novos widgets conforme necessário:

Exemplo de widgets do Dashboard Widgets Suite

Exemplo de widgets do Dashboard Widgets Suite

Como Adicionar Novas Colunas à Lista de Posts ou Páginas do WordPress

Por “lista de posts ou páginas”, estamos nos referindo à página de administração que lista todos os seus posts, páginas ou tipos de posts personalizados.

Uma forma de controlar essa área é usar as configurações nativas de Opções de Tela:

Configurações das Opções de Tela

Configurações das Opções de Tela

No entanto, para ter mais flexibilidade você pode usar o plugin gratuito Admin Columns.

Após instalar e ativar esse plugin, você pode ir até Configurações → Admin Columns para adicionar novas colunas ou remover/reorganizar colunas já existentes.

A versão gratuita do plugin inclui colunas de todos os tipos, desde imagens em destaque até tempo estimado de leitura de um post:

Interface do Admin Columns

Interface do Admin Columns

Se você estiver usando algo como o plugin Advanced Custom Fields, também poderá incluir seus campos personalizados como suas próprias colunas.

Plugins de Temas WordPress de Administração – Tenha um Novo Visual

Temas WordPress de administração não são “temas” no real sentido da palavra no WordPress. Ao invés disso, eles são plugins que agem como um tema para a área de back-end do seu painel.

Ao contrário dos métodos acima, eles não alteram o layout fundamental ou a área do seu painel WordPress. Ao invés disso, eles oferecem um novo visual.

Aqui estão alguns dos nossos favoritos…

Flatty

O tema de administração Flatty aplica princípios de flat design ao seu painel WordPress de administração. Ele também oferece algumas funcionalidades básicas de white-label.

Aqui está como seu painel ficará imediatamente após ativar o plugin:

Tema WordPress de administração Flatty

Tema WordPress de administração Flatty

Aquila Admin Theme

Enquanto o Flatty adiciona princípios de flat design, Aquila adiciona um visual de material design ao seu painel de administração. Ele também oferece a você algumas opções adicionais para personalizar itens do menu, marcas e widgets.

Aqui está como seu painel ficará imediatamente após ativar o plugin:

Tema WordPress de administração Aquila

Tema WordPress de administração Aquila

Kodeo Admin UI

Kodeo Admin UI remodela sua interface de usuário administrativa inteira, incluindo botões no editor clássico do WordPress.

Aqui está como seu painel ficará imediatamente após ativar o plugin:

Tema WordPress de administração Kodeo

Tema WordPress de administração Kodeo

Como Personalizar a Página de Login do WordPress

Por fim, embora não seja tecnicamente uma parte do painel de administração, sua página de login do WordPress ainda desempenha um papel importante para que as pessoas tenham acesso ao painel.

Existem diversos plugins de qualidade para te ajudar a personalizar sua página de login do WordPress, mas o Custom Login Page Customizer é um bom ponto de início, pois permite personalizar visualmente a página de login usando o WordPress Customizer nativo.

Após instalar e ativar o plugin, você pode clicar no item do menu Login Customizer para abrir o WordPress Customizer.

Aqui está uma prévia real do lado direito e diversas opções de personalização à esquerda:

Como personalizar a página de login

Como personalizar a página de login

Se desejar, você pode simplesmente personalizar o layout padrão. Ou, se quiser fazer alterações maiores, pode aplicar um template completamente novo e, em seguida, fazer as personalizações a partir daí:

Um dos templates pré-prontos de página de login

Um dos templates pré-prontos de página de login

Crie um Painel WordPress de Administração Hoje!

Para uma solução completa de personalização para a maioria das áreas do painel WordPress de administração, o plugin gratuito White Label CMS é uma boa opção para começar.

Em seguida, se você decidir que precisa de mais funcionalidades para personalizar uma área específica do seu painel WordPress de administração, também é possível encontrar plugins com recursos específicos de personalização, incluindo:

Você tem outras dúvidas sobre como criar um painel WordPress personalizado? Compartilhe conosco na seção de comentários!


Se você gostou deste artigo, então você vai adorar a plataforma de hospedagem WordPress da Kinsta. Turbine seu site e obtenha suporte 24/7 de nossa experiente equipe de WordPress. Nossa infraestrutura baseada no Google Cloud se concentra em escalabilidade automática, desempenho e segurança. Deixe-nos mostrar-lhe a diferença Kinsta! Confira nossos planos