Como Substituir o Editor Padrão de Temas e Plugins no WordPress

Muitos usuários do WordPress começam com os editores de tema e plugin padrão. Embora ofereçam um nível básico de funcionalidade, eles podem parecer restritivos para aqueles que buscam opções de personalização mais avançadas.

A atualização para um editor de código mais robusto o capacitará com novos recursos como controle de acesso, criação de tema filho e download de arquivos.

Na WPBeginner, nossa equipe pesquisou e testou diferentes ferramentas para encontrar aquela que pode substituir eficientemente o editor padrão. Concentramos nossos esforços em encontrar uma ferramenta gratuita que possa ser usada por blogueiros e pequenas empresas.

Neste artigo, mostraremos como substituir facilmente o editor de tema e plugin padrão no WordPress.

Por que substituir o editor de tema e plugin padrão no WordPress?

O editor de tema padrão no painel do site WordPress permite que você faça alterações diretas no código dos seus arquivos de tema.

Da mesma forma, o editor de plugin permite editar o código dos plugins instalados no seu site.

Esses editores integrados do WordPress possuem interfaces de editor de texto que carecem de recursos avançados como controle de acesso, download/upload de arquivos e criação de tema filho. Isso torna demorado para você adicionar e manter código personalizado.

Além disso, se uma pessoa não autorizada obtiver acesso à sua área de administração do WordPress, ela poderá acessar facilmente os editores padrão para editar seus arquivos de tema e plugin. Isso pode permitir que eles instalem malware no seu site.

Ao substituir esses editores por um plugin, você pode personalizar facilmente seus temas e plugins do WordPress no painel, adicionando ou removendo trechos de código, personalizando cores, modificando vários arquivos de template, estilos CSS e muito mais.

Isso permitirá que você faça alterações rápidas em seu tema ou plugin sem acessar os arquivos do seu site via FTP.

Você também pode criar temas filhos, controlar o acesso do editor para tornar seu site mais seguro, e até mesmo fazer upload de arquivos para seus plugins e temas do seu computador.

Dito isso, vamos ver como substituir facilmente o editor padrão de temas e plugins no WordPress. Você pode usar os links rápidos abaixo para pular para as diferentes partes do nosso tutorial:

Como Substituir os Editores Padrão de Temas e Plugins no WordPress

Primeiro, você precisa instalar e ativar o plugin Theme Editor. Para instruções detalhadas, você pode ver nosso guia para iniciantes sobre como instalar um plugin do WordPress.

Após a ativação, acesse a página Editor de Tema » Configurações na barra lateral de administração do WordPress.

Uma vez lá, marque a caixa 'Sim' para a opção 'Habilitar editor de código para tema'.

Depois disso, se você quiser desabilitar o editor de tema padrão do WordPress, você precisa marcar a caixa 'Sim' ao lado da opção 'Desabilitar editor de arquivos de tema do WordPress?'.

Depois de fazer isso, basta alternar para a aba 'Editor de Plugins' no topo.

Aqui, você precisa marcar a caixa 'Sim' ao lado da opção 'Habilitar editor de código para plugin'.

Você também pode desabilitar o editor padrão escolhendo a opção 'Sim' para a configuração 'Desabilitar editor de arquivos de plugin do WordPress?'.

Em seguida, alterne para a aba 'Editor de Código' na parte superior da página.

A partir daqui, você pode escolher um tema para o editor de código no menu suspenso. Isso exibirá o código em seu tema e plugins em diferentes fundos e cores de fonte.

Quando terminar, não se esqueça de clicar no botão ‘Salvar Alterações’ para armazenar suas configurações.

Editando Seus Arquivos de Tema Usando o Editor de Temas

Agora, você precisa visitar a página Editor de Tema » Editor de Código do Tema no painel de administração do WordPress.

A partir daqui, você deve selecionar o tema que deseja editar no menu suspenso no canto direito da tela. Em seguida, você precisa escolher o arquivo do tema onde deseja adicionar código na barra lateral direita.

Depois disso, você pode facilmente adicionar, remover ou editar código nos seus arquivos de tema a partir do editor de temas na sua tela.

Quando terminar, não se esqueça de clicar no botão ‘Atualizar Arquivo’ para salvar suas configurações.

Você também pode baixar o arquivo que acabou de editar clicando no botão ‘Baixar Arquivo’. Se você quiser baixar o tema inteiro em vez disso, então você pode clicar no botão ‘Baixar Tema’.

Editando Seus Plugins Usando o Editor de Plugins

Se você quiser adicionar código aos seus arquivos de plugin em vez disso, então você precisa visitar a página Editor de Tema » Editor de Código de Plugin na barra lateral de administração do WordPress.

Uma vez lá, escolha um plugin para editar no menu suspenso no canto direito da tela.

Depois disso, você pode selecionar um arquivo de plugin para editar na barra lateral direita e, em seguida, editá-lo usando o editor de código de plugin.

Assim que estiver satisfeito com suas alterações, basta clicar no botão ‘Atualizar Arquivo’ para salvar suas configurações.

Você pode até baixar o arquivo que acabou de editar clicando no botão ‘Baixar Arquivo’.

Se você quiser baixar o plugin com todas as alterações que você fez, então você pode clicar no botão ‘Baixar Plugin’ em vez disso.

Configurando o Controle de Acesso com o Plugin Editor de Temas

O plugin Editor de Tema permite até mesmo controlar o acesso aos seus editores de tema e plugin no WordPress. No entanto, este recurso está disponível apenas na versão pro do plugin.

Desta forma, apenas os usuários que você aprovar poderão editar os temas e plugins do seu site.

Ao usar o controle de acesso, você torna seu site mais seguro e permite que apenas usuários confiáveis façam alterações nos seus arquivos, reduzindo o risco de malware.

Primeiro, você precisa visitar a página Editor de Tema » Controle de Acesso no painel do WordPress.

A partir daqui, você só precisa verificar as opções nas colunas às quais deseja que as funções de usuário do WordPress tenham acesso.

Por exemplo, se você quiser que o editor tenha a capacidade de atualizar arquivos de tema, então você precisa marcar essa caixa na linha 'Editor'.

Quando terminar, basta clicar no botão ‘Salvar Alterações’ para armazenar suas configurações.

Criando um Tema Filho com o Editor de Temas

Se você quiser criar um tema filho para personalizar seus temas do WordPress, então você pode visitar a página Editor de Tema » Tema Filho na barra lateral de administração do WordPress.

Uma vez lá, você precisará primeiro escolher um tema pai no menu suspenso no meio e, em seguida, clicar no botão 'Analisar'.

Assim que isso for feito, forneça um nome para o diretório do seu novo tema e selecione onde salvar a folha de estilo do seu tema filho.

Depois disso, você pode até fornecer um nome, descrição, autor e versão para o tema filho que você está criando.

Assim que terminar, basta clicar no botão 'Criar Novo Tema Filho'.

Agora que você fez isso, pode editar o seletor, fontes da web, CSS personalizado, estilo filho e arquivos de tema na barra de menu na parte superior da página.

As alterações que você fizer serão salvas automaticamente no seu tema filho.

Bônus: Use o WPCode para Adicionar Código Personalizado ao Seu Site

Adicionar código ao seu site usando plugins ou editores de arquivos de tema é sempre um pouco arriscado porque o menor erro do WordPress pode quebrar seu site e torná-lo inacessível.

É por isso que recomendamos o uso do WPCode para adicionar código personalizado ao seu site. É o melhor plugin de snippets de código do WordPress do mercado.

Primeiro, você precisa instalar e ativar o plugin WPCode. Para instruções detalhadas, você pode ver nosso tutorial sobre como instalar um plugin do WordPress.

Após a ativação, acesse a página Code Snippets » + Add Snippet na barra lateral de administração do WordPress.

A partir daqui, você pode usar a biblioteca de snippets do WPCode para adicionar trechos de código pré-fabricados ao seu site WordPress.

No entanto, se você quiser adicionar código personalizado, você também pode fazer isso clicando no botão ‘+ Add Custom Snippet’ sob a opção ‘Add Your Custom Code (New Snippet)’.

Em seguida, você precisa selecionar um tipo de código na lista de opções que aparecem na tela.

Por exemplo, para adicionar código HTML, basta selecionar a opção ‘HTML Snippet’.

Você será direcionado para a página ‘Criar Snippet Personalizado’, onde poderá começar adicionando um título para o seu snippet de código.

Depois disso, basta adicionar seu código personalizado na caixa ‘Visualização do Código’.

Depois de fazer isso, role para baixo até a seção 'Inserção' e escolha o modo 'Inserir Automaticamente'.

Seu código personalizado será executado automaticamente em seu site após a ativação.

Finalmente, role de volta para o topo e mude o interruptor ‘Inativo’ para ‘Ativo’.

Depois disso, clique no botão ‘Salvar Snippet’ para salvar e executar o código personalizado em seu site.

Para mais detalhes, você pode ver nosso guia passo a passo sobre como adicionar código personalizado no WordPress.

Esperamos que este artigo tenha ajudado você a aprender como substituir facilmente o editor padrão de temas e plugins no WordPress. Você também pode querer ver nosso guia para iniciantes sobre como atualizar o WordPress com segurança e nosso tutorial sobre como alterar a altura e a largura dos blocos no WordPress.

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