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

Apresentando o WPCode – Gerenciador de código fácil do WordPress para personalizar seu site à prova de futuro

Você já quis reduzir o número de plug-ins do WordPress que está usando em seu site?

Não seria bom se houvesse uma maneira fácil que permitisse adicionar personalizações do WordPress preparadas para o futuro por meio de trechos de código SEM quebrar seu site?

Se você é como eu e a maioria dos outros proprietários de sites inteligentes, então já desejou essa solução pelo menos algumas vezes em sua jornada no WordPress.

Hoje, tenho o prazer de compartilhar o lançamento do meu plug-in gratuito WPCode, que transformará a maneira como você pensa sobre a personalização do WordPress.

Criamos essa ferramenta para ajudar você a economizar tempo e evitar problemas ao gerenciar as personalizações do seu site. Essa é a ferramenta definitiva do canivete suíço que o ajudará a substituir dezenas de plug-ins existentes do WordPress e, ao mesmo tempo, tornará seu site mais rápido.

Introducing WPCode - WordPress Code Snippets Plugin

História de fundo

Em 2012, criei um plug-in gratuito chamado Insert Headers and Footers (Inserir cabeçalhos e rodapés).

O objetivo desse plug-in era facilitar para mim e para outros leitores do WPBeginner a adição de código à área de cabeçalho e rodapé de nosso site WordPress sem editar os arquivos do tema!

Isso incluiria coisas como script do Google Analytics, código CSS personalizado, pixel do Facebook, código do AdSense e muito mais.

Na última década, esse simples plug-in cresceu para mais de 1 milhão de instalações ativas.

Enter tracking code in header

No mesmo período, o WordPress também cresceu muito, com toneladas de novos recursos e plug-ins.

Todos os meses, eu recebia solicitações de nossos usuários para adicionar mais funcionalidades, como a capacidade de carregar scripts condicionalmente em determinadas páginas, a capacidade de adicionar trechos de código em outras áreas do site e assim por diante.

Após muita reflexão e consideração, decidimos expandir esse plug-in gratuito e torná-lo uma solução completa de gerenciamento de trechos de código para o WordPress com lógica condicional, inserção automática e muito mais.

Usando o novo plug-in, você pode:

  • Adicione scripts de rastreamento / vários metadados de verificação da ferramenta para webmasters em seu site com apenas alguns cliques.
  • Adicionar anúncios em banner ou outros elementos de conteúdo dinâmico após o primeiro parágrafo de cada postagem de blog, no final de cada postagem de blog etc.
  • Remova os recursos do WordPress que você não deseja, como REST API, XML-RPC, Comments, etc.
  • Copiar e colar facilmente trechos de código de tutoriais em seu site do WordPress sem erros.
  • E, na verdade, isso é só a ponta do iceberg.

Todos esses recursos estão disponíveis para você gratuitamente!

Se você é um profissional de marketing, pense no WPCode como um Gerenciador de tags do Google, mas dentro do WordPress.

Se você é proprietário de uma empresa comum, pense nisso como um canivete suíço para o seu site. Ele o ajudará a fazer o que você quer fazer – nada mais, nada menos.

O WPCode é, de longe, o plug-in MAIS PODEROSO que você instalará no seu site WordPress, e não estou exagerando.

Dê-me apenas 5 minutos de sua atenção e eu lhe mostrarei – continue lendo.

Versão em vídeo

Subscribe to WPBeginner

O que é WPCode?

O WPCode é um poderoso plug-in de snippet de código do WordPress que facilita a adição de recursos personalizados do WordPress usando snippets de código sem editar o arquivo functions.php do seu tema.

Ele vem com uma biblioteca de snippets de código integrada, na qual você pode encontrar alguns dos meus snippets de código mais populares do WordPress que o ajudarão a eliminar a necessidade de plug-ins separados.

WPCode WordPress Code Snippets Library

Por exemplo, há snippets prontos que o ajudarão:

  • Desativar XML-RPC – isso é bom para a segurança do WordPress
  • Permitir upload de arquivos SVG – elimina a necessidade de um plugin separado
  • Desativar Gutenberg – elimina a necessidade de um plugin separado
  • Desativar comentários – elimina a necessidade de um plugin separado
  • Adicionar scripts de rastreamento para Google Analytics, Facebook, AdSense e outras plataformas

Atualmente, há mais de duas dúzias de outros snippets de código que você pode usar para adicionar funcionalidades personalizadas e, ao mesmo tempo, reduzir o número de plug-ins em seu site.

Para um proprietário de site comum, esse plug-in o ajudará a reduzir pelo menos 6 a 8 outros plug-ins que você pode estar usando no momento, apenas com os snippets prontos que estão lá.

Meu plano é continuar a adicionar mais trechos de código personalizados para cobrir casos de uso populares. Se tiver sugestões, entre em contato conosco preenchendo o formulário aqui.

Se você é um desenvolvedor WordPress / freelancer que deseja contribuir com trechos de código, envie-nos seu trecho usando o formulário acima.

Personalização do site e gerenciamento de código à prova de futuro

A maioria dos tutoriais de personalização do WordPress solicitará que você adicione trechos de código ao arquivo functions.php do seu tema. Essa maneira antiga simplesmente torna o gerenciamento de trechos de código confuso e também impede que você atualize seu tema.

Se você atualizar o tema ou mudar para outro tema, perderá todas as funções de código personalizado que adicionou ao arquivo functions.php.

O WPCode resolve isso fornecendo uma maneira fácil de inserir scripts de cabeçalho e rodapé, além de outros trechos de código, diretamente do painel do WordPress. Na verdade, esses trechos de código são executados como se estivessem no arquivo functions.php do seu tema, mas tornamos suas personalizações à prova de futuro.

Create New Custom Snippet in WordPress

Você pode atualizar temas com segurança ou mudar para outro tema sem perder as personalizações importantes do seu site.

Outro problema com a adição de trechos de código personalizados no arquivo functions.php do seu tema é que até mesmo o menor erro pode danificar seu site e torná-lo inacessível.

Por isso, criamos nossa validação inteligente de snippet de código. Isso ajuda a evitar erros comuns de código para garantir que você nunca danifique seu site ao adicionar trechos de código ou scripts de cabeçalho e rodapé.

Você pode gerenciar todos os seus scripts de cabeçalho e rodapé, bem como outros trechos de código personalizados, em uma única tela. Facilitamos até mesmo a organização de trechos de código usando tags e adicionamos notas de lembrete a cada trecho de código.

WPCode - WordPress Snippets Organized by Tags

Geradores de código WordPress incorporados

Além de nossa crescente biblioteca de snippets de código, também temos geradores de código do WordPress para ajudá-lo a obter rapidamente um código personalizado pronto para uso usando os mais recentes padrões de codificação e APIs do WordPress.

WPCode Generators for WordPress

Exemplos de geradores de código personalizado com interface do usuário do administrador incluem:

  • Custom Post Type Generator – Crie um trecho de código personalizado para tipos de post.
  • Custom Taxonomy Generator – Obtenha um trecho de código personalizado para taxonomias.
  • WP Query Generator – Obtenha um trecho de código personalizado para WP_Query para carregar posts.
  • Custom Sidebar Generator (Gerador de barra lateral personalizada) – Crie um trecho de código personalizado para registrar barras laterais personalizadas ou áreas prontas para widgets.
  • Custom Widget Generator – Trecho de código personalizado para registrar widgets personalizados.
  • Navigation Menu Generator – Trecho de código personalizado para registrar novos locais de menu de navegação no seu tema.

Além dos itens acima, também temos um gerador de trechos de código para agendar um trabalho cron, registrar scripts e folhas de estilo, adicionar status de postagem personalizados e muito mais.

No passado, os usuários iniciantes e intermediários usavam plugins do WordPress para criar tipos de post personalizados, taxonomias etc. com uma interface de administração. O problema é que esses são plug-ins de uso único que, em segundo plano, estão apenas gerando trechos de código personalizados.

Agora, com os geradores gratuitos do WPCode, você pode eliminar esses plug-ins e, ao mesmo tempo, adicionar a funcionalidade personalizada que deseja com uma UI de administração.

Isso economizará muito tempo para novos desenvolvedores de WordPress e profissionais da Web que estejam criando sites para clientes.

Lógica condicional para snippets de código + prioridade de inserção automática

Meu objetivo com o WPCode era criar um plug-in de trechos de código para WordPress que fosse ao mesmo tempo FÁCIL e PODEROSO.

É por isso que, além de nossos scripts globais de cabeçalho e rodapé, adicionamos recursos avançados, como lógica condicional para trechos de código, e facilitamos o processo.

Em vez de aprender as consultas de lógica condicional do WordPress, você pode usar a lógica condicional visual para decidir quando um determinado snippet será carregado.

WPCode Smart Conditional Logic

Exemplos de casos de uso da lógica condicional do WPCode:

  • Carregar trechos de código apenas para usuários conectados
  • Carregar trechos de código PHP para funções de usuário específicas
  • Carregar trechos de código PHP somente em URLs de páginas específicas
  • Inserir scripts de pixel de cabeçalho e rodapé em páginas específicas
  • Mostrar trechos de código com base no tipo de página
  • Executar snippet de código somente em determinados tipos de postagem
  • Carregar snippet de código de cabeçalho e rodapé com base na fonte de referência
  • e muito mais…

Também adicionamos a inserção automática de código e a saída manual usando códigos de acesso. Dessa forma, você pode adicionar recursos usando um shortcode personalizado ou simplesmente adicionar automaticamente determinados recursos na área que desejar.

WPCode Auto Insert PHP Code

Nosso recurso Auto Insert permite que você execute o snippet de código em qualquer lugar ou escolha entre opções personalizadas, como:

  • Executar o snippet de código somente no frontend
  • Executar o snippet de código somente na área de administração do WordPress
  • Adicionar scripts de cabeçalho e rodapé em todo o site
  • Inserir trecho de código PHP antes ou depois do conteúdo da postagem
  • Inserir snippet de código antes ou depois de um parágrafo específico
  • Inserir snippet de código em páginas de arquivo específicas

Além disso, também adicionamos um sistema visual de prioridade de trechos de código, para que você possa escolher a ordem das suas funções personalizadas e evitar conflitos de código.

Add code description, tags, and priority in WPCode

Quais são alguns exemplos de casos de uso + plug-ins que você pode substituir?

O WPCode é o único plug-in que ajuda você a se livrar de dezenas de outros plug-ins sem perder a funcionalidade.

Aqui estão alguns dos principais casos de uso:

  • Inserir scripts de cabeçalhos e rodapés
  • Inserir código de rastreamento do Google Analytics no cabeçalho e no rodapé
  • Inserir snippets de código PHP ou JavaScript sem modificar o arquivo functions.php do tema
  • Inserir código do Facebook Pixels, código do Google Conversion Pixels e outros scripts de pixel de conversão de publicidade no cabeçalho e rodapé do WordPress com lógica condicional
  • Inserir código de anúncios do Google AdSense, código de anúncios contextuais nativos da Amazon e outros códigos de anúncios de mídia
  • Inserção de código JavaScript, CSS e HTML personalizado
  • Inserir metatags de verificação de site para mídia social, Google Search Console e outras verificações de domínio no cabeçalho e no rodapé do seu site
  • Inserção de blocos de conteúdo personalizados reutilizáveis
  • Inserir código de anúncios no conteúdo após parágrafos específicos
  • Mostrar ou ocultar trechos de código personalizados com base na lógica condicional
  • Desativar XML-RPC, desativar API Rest, desativar comentários, permitir uploads de arquivos SVG, desativar o Gutenberg e ativar o Editor Clássico sem adicionar plug-ins extras

Apenas com nossos recursos atuais e nossa biblioteca de trechos de código prontos, você pode substituir vários plug-ins populares, incluindo:

O WPCode vem com uma biblioteca de trechos de código prontos que permite que você substitua vários plug-ins populares, incluindo:

  • Desativar plug-ins de comentários
  • Desativar plug-ins XML-RPC
  • Desativar plug-ins de API Rest
  • Desativar os plug-ins do Gutenberg
  • Plug-in do Editor Clássico
  • Permitir plug-ins de upload de arquivos SVG
  • Desativar plug-ins de feed RSS
  • Desativar plug-ins de pesquisa
  • Desativar plug-ins de atualizações automáticas
  • Desativar plug-ins da barra de administração
  • Desativar o plugin Widget Blocks
  • Plug-in de widgets clássicos
  • Remover plug-ins de número de versão do WordPress
  • Plug-ins de pixel do Facebook
  • Plug-ins do Google AdSense
  • Plug-ins de UI de tipos de postagem personalizados
  • Outros plug-ins do WordPress Generator

Em média, acredito que você possa substituir facilmente de 6 a 8 plug-ins existentes em seu site, pois um site típico geralmente instala esses plug-ins de recurso único.

Agora você pode remover esses plug-ins, limpar sua área de administração e simplificar o gerenciamento do site.

O que vem por aí no WPCode?

Como o plug-in Insert Headers and Footers tinha mais de 1 milhão de usuários, obter todos esses novos recursos gratuitamente foi uma surpresa para todos.

Estou extremamente satisfeito com a resposta da comunidade até o momento, pois todos estão adorando os novos recursos.

Temos um roteiro empolgante à nossa frente para tornar esse plug-in ainda mais avançado. Algumas das coisas em que estamos trabalhando:

  • Uma lista maior de bibliotecas de snippets de código que é examinada por nossos especialistas em WordPress
  • Salvar snippets personalizados na nuvem – isso será ótimo para quem cria e gerencia vários sites, pois você pode criar sua biblioteca de snippets personalizada dentro do plug-in
  • e muito mais

Estamos realmente construindo algo especial aqui. Se você tiver ideias sobre como podemos tornar o plug-in mais útil para você, envie-nos suas sugestões.

Como sempre, quero agradecê-lo por seu apoio contínuo ao WPBeginner, e esperamos continuar a atendê-lo nos próximos anos.

Atenciosamente,

Syed Balkhi
Fundador do WPBeginner

P.S. Quer que a gente adquira ou invista em seu negócio de WordPress? Saiba mais sobre o WPBeginner Growth Fund.

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

Syed Balkhi is the founder of WPBeginner and Awesome Motive Inc. He started using WordPress in 2006 and has over 16 years of experience building WordPress websites, WordPress plugins, and custom WordPress themes. His WordPress plugins and software apps are used by over 25 million websites today. Syed was recognized as the top 100 entrepreneur under the age of 30 by the United Nations, and his work is featured in top publications like Entrepreneur, Forbes, Inc, Business Insider, The Guardian, Wired Magazine, and more.

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

24 ComentáriosDeixe uma resposta

  1. Moinuddin Waheed

    I have used insert header and footer lately and I can testify that it feels intuitive when you can have your desired functionality without adding new plugin for additional functionality.
    now when it has become wpcode and comes with lots of features, I am sure it will help improve the website speed and optimization.
    It will also eliminate the need to add several plugins for small small issues. Thanks a ton wpbeginner.

    • WPBeginner Support

      You’re welcome :)

      Administrador

  2. László

    If I delete a manual code ( ie. FB Pixel code) from the header in WPCode editor would it be removed from all pages’ headers? In all languages?

    • WPBeginner Support

      If you remove code from the plugin then it would be removed from your site where the plugin added it. If you have caching, don’t forget to clear it to ensure it’s removed! :)

      Administrador

  3. Ian

    Looks great.
    Does this work okay with Full Site Editing, the Gutenberg block Editor?

    • WPBeginner Support

      Yes, the plugin works with any of the editors :)

      Administrador

    • WPBeginner Support

      You’re welcome!

      Administrador

  4. Joe C

    Thanks – always hated putting stuff in functions.php because it gets changed on updates (I never use child themes), but I hate even more 1-task plugins :)

    We had a single php file code snipets and only mod to functions.php was to “include” our snippet file. Simplified re-editing functions.php after an update.

    This plugin should eliminate that process all together

    This is probably the best idea and plugin you guys have come up with yet. I suspect we will integrate it into all 300-odd WP sites we own and/or manage.

    Thanks!

    • WPBeginner Support

      Glad to hear our plugin will be helpful!

      Administrador

  5. Joe C

    How would code, such as your code – intended for the functions.php – that would turn of WP “feeds” (recent email you sent out) fit in this plugin?

    Joe C.

    • WPBeginner Support

      You would use the run everywhere option for the snippet for it to load everywhere :)

      Administrador

  6. Debbie

    I’m so excited about this — and it’s potential! Anything that retains Classic Editor is a huge plus in my world. It’s so much easier to tweak code than try to remove the underline from a space, for example. :) And there are soooo many single use plugins that you need now. It will be good to streamline that aspect…. Thanks, y’all!

  7. Ian

    Sounds like this will be very nice! Any plans to make it paid and/or have a paid/subscription based premium option in the future?

    • Editorial Staff

      Hey Ian,

      Right now our main focus is making the best free code snippets plugin that offers our users a tool that I wish I had with ready-made snippets that our teams frequently use.

      In the future, we will add premium features for developer audience to improve their workflow, but the core tool will always remain free and will get even more powerful in our next update :D

      Administrador

  8. Sue Surdam

    Love this concept! Experimenting right now with a local site with all the options. Hoping you are planning tutorials for Custom Post types and other options.

    • Editorial Staff

      Yes Sue, we will be creating tutorials to help our users better utilize the plugin :)

      Administrador

  9. Nate Ruske

    Hi,

    I wanted to let you know the pain this conversion from Insert Headers and Footers to WP CODE caused me this morning.

    I use Securi, and the very first thing I see this morning is a security alert with the message WP CODE turn off all comments – and another – Display a message after the 1st paragraph of posts

    In addition to the update, it has also messed up site design and completely removed my search bars throughout the site even though the two code snippets are inactive.

    Currently working with securi to work out what the plugin is doing so we can get the site back to what it was before the update.

    All the best with WPCODE

    • Editorial Staff

      Thank you for leaving a comment Nate.

      The Sucuri alert is a false flag because all it’s saying is that 2 new “Post Drafts” were created (because that’s how code snippets are stored). But those snippets are not live, and they should NOT cause any front-end conflict. Over 26% of all sites (~400k sites) have updated to the latest version without any notable issues like this.

      I’m going to have my team reach out to you using the email you left here in the comment, so we can work closely with you to resolve this.

      -Syed

      Administrador

  10. Margarida Fernandes

    I just wanted to say Thank You!

  11. Karim Twin

    What an amazing plugin!

    I didn’t know that’s some WordPress tool like that.

    As a WordPress user, I’ve struggling to minimize the use of many plugins.

    Every WP customer wants to use the best WordPress plugins for his or her website. But the odds are many plugins means low site speed and more errors chances. That’s why finding a tool WPcode can help solve the problem in a better way.

    I’ll start using it definitely .

    Thanks for adding value to WordPress.

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.