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:
- Transformar o painel WordPress em white-label, alterando sua logo e adicionando sua própria marca
- Ocultar itens do menu de administração (ou adicionar seus próprios itens de menus e submenus)
- Criar novos widgets no painel para exibir informações extras
- Adicionar novas colunas à lista de posts/páginas para melhorar a produtividade
- Alterar a estética do seu painel (como por exemplo, um novo esquema de design)
- Personalizar a página de login do WordPress
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!
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
O 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:
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:
Em seguida, na próxima página, você poderá adicionar as informações do seu cliente (se aplicável):
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:
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
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:
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:
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:
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:
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:
Na sequência, você pode ir até a área do seu Painel e reorganizar seus novos widgets conforme necessário:
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:
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:
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:
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:
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:
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:
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í:
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:
- Admin Menu Editor para personalizar o menu de administração do WordPress.
- Dashboard Widgets Suite para adicionar novos widgets personalizados no painel.
- Admin Columns para adicionar novas colunas na lista de posts.
- Temas WordPress de administração para alterar completamente o estilo do seu painel.
- Custom Login Page Customizer para personalizar a página de login do WordPress.
Você tem outras dúvidas sobre como criar um painel WordPress personalizado? Compartilhe conosco na seção de comentários!
Brian tem uma enorme paixão pelo WordPress, e tem utilizado há mais de uma década e até desenvolve alguns plugins premium. Brian gosta de blogs, filmes e caminhadas. Conecte-se com Brian no Twitter.
Amei esse artigo