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 substituir o tema padrão e o editor de plugins 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.

Muitos usuários do WordPress começam com os editores padrão de temas e plugins. Embora eles ofereçam um nível básico de funcionalidade, 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 temas filhos e downloads de arquivos.

Na WPBeginner, nossa equipe pesquisou e testou diferentes ferramentas para encontrar uma que pudesse substituir com eficiência o editor padrão. Concentramos nossos esforços em encontrar uma ferramenta gratuita que possa ser usada tanto por blogueiros quanto por pequenas empresas.

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

Replacing the default theme and plugin editor in WordPress

Por que substituir o editor padrão de temas e plug-ins no WordPress?

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

Da mesma forma, o editor de plug-ins permite que você edite o código dos plug-ins instalados em seu site.

Default theme editor preview

Esses editores integrados do WordPress têm interfaces de editor de texto que carecem de recursos avançados, como controle de acesso, download/upload de arquivos e criação de temas filhos. Isso faz com que você consuma muito tempo para adicionar e manter o 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 os arquivos de temas e plugins. Isso pode permitir a instalação de malware em seu site.

Ao substituir esses editores por um plug-in, você pode personalizar facilmente seus temas e plug-ins do WordPress a partir do painel, adicionando ou removendo trechos de código, personalizando cores, modificando vários arquivos de modelo, estilos CSS e muito mais.

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

Você também pode criar temas secundários, controlar o acesso ao editor para tornar seu site mais seguro e até mesmo fazer upload de arquivos para seus plug-ins e temas a partir 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 ir para as diferentes partes do nosso tutorial:

Como substituir o tema padrão e os editores de plug-in no WordPress

Primeiro, você precisa instalar e ativar o plug-in Theme Editor. Para obter instruções detalhadas, consulte nosso guia para iniciantes sobre como instalar um plug-in do WordPress.

Observação: antes de fazer qualquer alteração nos arquivos do tema ou do plug-in, certifique-se de criar um backup completo do seu site WordPress. Isso será útil se algo der errado e você precisar restaurar o WordPress a partir de um backup.

Após a ativação, vá para a página Theme Editor ” Settings (Editor de temas ” Configurações ) na barra lateral do administrador do WordPress.

Quando estiver lá, marque a caixa “Yes” (Sim) na opção “Enable code editor for theme” (Ativar editor de código para o tema).

Depois disso, se quiser desativar o editor de temas padrão do WordPress, marque a caixa “Yes” (Sim) ao lado da opção “Disable WordPress theme file editor?

Configure theme editor settings

Depois de fazer isso, basta alternar para a guia “Plugin Editor” na parte superior.

Aqui, você precisa marcar a caixa “Yes” (Sim) ao lado da opção “Enable code editor for plugin” (Ativar editor de código para plugin).

Você também pode desativar o editor padrão escolhendo a opção “Yes” para a configuração “Disable WordPress plugin file editor?”.

Configure plugin editor settings

Em seguida, vá para a guia “Code Editor” 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 plug-ins em diferentes planos de fundo e cores de fonte.

Quando terminar, não se esqueça de clicar no botão “Save Changes” (Salvar alterações) para armazenar suas configurações.

Choose a code editor theme

Edição dos arquivos de tema usando o Theme Editor

Agora, você precisa acessar a página Theme Editor ” Theme Code Editor 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ê deve escolher o arquivo do tema ao qual deseja adicionar o código na barra lateral à direita.

Depois disso, você pode adicionar, remover ou editar facilmente o código dos arquivos do tema no editor de temas na tela.

Choose theme to edit

Quando terminar, não se esqueça de clicar no botão “Update File” (Atualizar arquivo) para armazenar suas configurações.

Você também pode baixar o arquivo que acabou de editar clicando no botão “Download File” (Baixar arquivo). Se, em vez disso, você quiser fazer o download do tema inteiro, clique no botão “Download Theme”.

Save theme files

Edição de seus plug-ins usando o Plugin Editor

Se, em vez disso, você quiser adicionar código aos arquivos do plug-in, precisará visitar a página Theme Editor ” Plugin Code Editor na barra lateral de administração do WordPress.

Quando estiver lá, escolha um plug-in para editar no menu suspenso no canto direito da tela.

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

Edit plugin files

Quando estiver satisfeito com as alterações, basta clicar no botão “Update File” (Atualizar arquivo) para armazenar as configurações.

Você pode até baixar o arquivo que acabou de editar clicando no botão “Download File” (Baixar arquivo).

Se quiser fazer o download do plug-in com todas as alterações feitas, você poderá clicar no botão “Download Plugin”.

Download plugin files

Configuração do controle de acesso com o plug-in Theme Editor

O plug-in Theme Editor permite até mesmo controlar o acesso aos editores de temas e plug-ins no WordPress. No entanto, esse recurso só está disponível na versão profissional do plug-in.

Dessa forma, somente os usuários que você aprovar poderão editar os temas e plug-ins do seu site.

Ao usar o controle de acesso, você torna o 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 Theme Editor ” Access Control no painel do WordPress.

Control the access to theme and plugin editor

A partir daqui, basta marcar as opções nas colunas às quais você 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, será necessário marcar essa caixa na linha “Editor”.

Quando terminar, basta clicar no botão “Save Changes” (Salvar alterações) para armazenar suas configurações.

Criação de um tema filho com o Theme Editor

Se você quiser criar um tema filho para personalizar seus temas do WordPress, poderá visitar a página Theme Editor ” Child Theme na barra lateral do administrador do WordPress.

Quando estiver lá, primeiro você precisará escolher um tema pai no menu suspenso no meio e, em seguida, clicar no botão “Analyze” (Analisar).

Choose a parent theme

Feito isso, você deve fornecer um nome para o diretório do novo tema e selecionar onde salvar a folha de estilo do tema filho.

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

Quando terminar, basta clicar no botão “Create New Child Theme” (Criar novo tema filho).

Configure child theme settings

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

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

Child theme created

Bônus: use o WPCode para adicionar código personalizado ao seu site

Adicionar código ao seu site usando plug-ins ou editores de arquivos de temas é sempre um pouco arriscado, pois o menor erro pode quebrar seu site WordPress e torná-lo inacessível.

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

Primeiro, você precisa instalar e ativar o plug-in WPCode. Para obter instruções detalhadas, consulte nosso tutorial sobre como instalar um plug-in do WordPress.

Observação: o WPCode também tem um plano gratuito que você pode usar para adicionar código ao seu site. Entretanto, o upgrade para o plano premium lhe dará acesso à biblioteca de snippets na nuvem, à lógica condicional, à opção CSS Snippet e muito mais.

Após a ativação, vá até a página Code Snippets ” + Add Snippet na barra lateral do administrador do WordPress.

A partir daí, você pode usar a biblioteca de snippets WPCode para adicionar snippets de código pré-criados ao seu site WordPress.

No entanto, se quiser adicionar um código personalizado, você também poderá fazê-lo clicando no botão “Use Snippet” na opção “Add Your Custom Code (New Snippet)”.

Add new snippet

Isso abrirá a página “Create Custom Snippet” (Criar snippet personalizado), onde você pode começar adicionando um título para o snippet de código.

Depois disso, selecione um tipo de código no menu suspenso no canto direito da tela. Por exemplo, se você quiser adicionar código HTML, basta selecionar a opção “HTML Snippet”.

Em seguida, basta adicionar seu código personalizado à caixa “Code Preview” (Visualização de código).

Choose HTML snippet option

Depois de fazer isso, role para baixo até a seção “Insertion” (Inserção) e escolha o modo “Auto Insert” (Inserção automática).

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

Choose an insertion method

Por fim, role de volta para a parte superior e alterne a chave “Inactive” (Inativo) para “Active” (Ativo).

Depois disso, clique no botão “Save Snippet” para salvar e executar o código personalizado em seu site.

Save HTML snippet

Para obter mais detalhes, consulte 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. Talvez você também queira ver nosso guia para iniciantes sobre como atualizar o WordPress com segurança e nossas escolhas de especialistas para os plug-ins obrigatórios do WordPress para expandir seu site.

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

9 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. Jiří Vaněk says

    Thanks for the tips. I’ve left editors enabled on some websites, but for most of them, I have this option disabled for security reasons. It comes in handy where it’s allowed when a person needs to edit code (usually on a website where FTP access isn’t available). For hosting without FTP access, this makes perfect sense.

  3. Chanakya Sahu says

    Awesome. And you actually gave us two bonuses, Creating a child theme guide over here is the bonus as well.

    • WPBeginner Support says

      Glad you found our content helpful and happy to hear you found extra value for creating a child theme :)

      Administrador

  4. Bryan Petty says

    CodeMirror editor is nice, and the WP Editor plugin is helpful, but I thought I’d just add that if anyone is looking for something based on the Ajax.org Cloud Editor instead, or just wants a plugin that does this for the plugin/theme editors only and doesn’t clutter the admin with more option pages, then definitely check out Better File Editor instead:

    http://wordpress.org/plugins/better-file-editor/

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.