Você quer criar um WordPress Plugin ? Este tutorial vai te ensinar como fazer isso.
Os plug-ins contribuem para a popularidade do WordPress porque permitem que usuários sem conhecimento de codificação criem sites incríveis.
Existem mais de 50 plugins no rdiretório WordPress concebido para vários fins. Você encontrará WordPress plugins para subscrição da newsletter , segurança et comércio eletrônico . Basta nomeá-lo.
Sem eles, um site WordPress é apenas uma coleção de imagens estáticas e blocos de texto. Com plug-ins, o sistema de gerenciamento de conteúdo pode atingir um nível incrível de personalização.
Se você precisa de um plugin personalizado para o seu site ou deseja criar um WordPress Plugin e monetizá-lo, vamos lá.
Perguntas frequentes
Os plug-ins do WordPress ganham dinheiro?
Sim. O WordPress plugins trazer dinheiro. Você pode vender o plug-in em seu site ou em um mercado de terceiros.
CodeCanyon, ThemeForest e Mojo marketplace são os 3 melhores sites para vender plugins.
Você também pode adicionar uma versão gratuita do seu plugin ao repositório do WordPress e oferecer uma versão premium com recursos adicionais.
É difícil criar plugins WordPress?
A criação de um WordPress Plugin é relativamente fácil e difícil, dependendo dos recursos que você deseja.
Criar um plug-in é fácil se você já estiver familiarizado com os fundamentos do desenvolvimento do WordPress e da programação PHP. Se você não for, pode ser muito difícil. É melhor começar com um plugin simples, conforme mostrado neste guia.
Quanto os desenvolvedores de plugins ganham?
De acordo com Zip Recruiter, a taxa média por hora para desenvolvedores WordPress plugins nos Estados Unidos é de US$ 35 por hora. Isso equivale a aproximadamente US$ 72 por ano e US$ 000 por mês.
Se você vender seu plugin, poderá ganhar até $ 5 por mês, dependendo do número de vendas. Oferecer serviços de personalização de plug-ins pode gerar entre US$ 000 e US$ 20 por hora.
O que você precisa para criar um plugin WordPress
Para criar um plugin, você não precisa ser um desenvolvedor especialista em WordPress. Você só precisa de algum conhecimento básico de codificação para começar.
- Conhecimento básico em programação PHP: Os plug-ins do WordPress são escritos em PHP, então você deve entender a linguagem e sua sintaxe antes de começar.
- HTML e CSS básicos: HTML e CSS permitem que você controle a exibição e a aparência de seus plugins. Portanto, é crucial entender seus fundamentos para criar um plugin WordPress.
- Familiaridade com WordPress: é útil se familiarizar com a plataforma WordPress e suas principais funções, bem como com o WordPress Codex (o manual online para desenvolvimento WordPress).
- Um ambiente de desenvolvimento: Para desenvolver e testar seu plugin, você precisa instalar o WordPress em sua máquina local ou em um site de desenvolvimento. Isso permitirá que você teste seu plug-in sem afetar um site ativo. Mostraremos como fazer isso na próxima seção.
- Um editor de texto: Você precisará de um editor de texto para escrever o código do plug-in. Muitas opções estão disponíveis, como Stexto sublime, Atom et Visual Studio Code.
Como Criar um Plugin WordPress em 7 Passos
Etapa 1: entender como os plug-ins do WordPress funcionam
Como o WordPress é escrito em uma linguagem de programação, qualquer pessoa com conhecimento de codificação pode acessar e modificar o código do WordPress.
É exatamente assim que os plugins funcionam. Eles permitem que você modifique e estenda a funcionalidade do WordPress interagindo diretamente com seu WordPress usando certas funções do PHP.
Criar seu plugin WordPress e adicionar código só fará algo se você chamar a função PHP usando um gancho. Os ganchos permitem que seu plug-in interaja com o WordPress sem precisar editar os arquivos principais.
Vejamos a relação entre colchetes e funções para entender o básico dos plug-ins do WordPress.
Funções do WordPress:
O código do WordPress é construído em funções que permitem que qualquer código de terceiros interaja com o WordPress. É por isso que você encontrará muitas funções em plugins e temas. Cada função tem seu nome, seguido de chaves e o código dentro da chave.
Voici un exemple:
function sticky_header() {
?>
<script>
// Select the header element
var header = document.querySelector(‘header’);
// Get the offset position of the header
var sticky = header.offsetTop;
// Add the sticky class to the header when you reach its scroll position. Remove “sticky” when you leave the scroll position
function addSticky() {
if (window.pageYOffset > sticky) {
header.classList.add(“sticky”);
} else {
header.classList.remove(“sticky”);
}
}
// Add the sticky class to the header when you scroll the page
window.onscroll = function() {
addSticky();
};
</script>
<?php
}
add_action( ‘wp_footer’, ‘sticky_header’ );Você pode chamar essa função diretamente em seu plugin do WordPress digitando sticky_header() onde deseja que o código seja executado. Mas é uma prática ruim porque você pode encontrar problemas. Aqui estão mais duas razões pelas quais você não deve chamar funções diretamente em seu código.
Primeiro, a chamada direta funciona apenas para funções básicas, como adicionar conteúdo a um arquivo de tema. Além disso, usando essa abordagem, você terá que chamar funções várias vezes para usá-las em vários locais, o que consome tempo e é complicado em arquivos de código.
Chamar uma função manualmente também pode ser complicado se você for novo em codificação. Ao criar plugins, a melhor prática é anexá-los a um gancho. Isso evitará que você precise recuperar a função em vários lugares.
Ganchos do WordPress:
Um gancho é um ponto específico no código do WordPress onde você pode executar suas próprias funções personalizadas. Existem dois tipos de ganchos: ganchos de ação e ganchos de filtro.
Ganchos de ação
Os ganchos de ação permitem que você execute funções personalizadas em um momento específico no ciclo de execução do WordPress. É assim que a sintaxe de um gancho de ação se parece.
add_action('hook_name', 'my_custom_function');Le nome_do_gancho é o nome do gancho de ação que você deseja usar.
Existem vários ganchos de ação no WordPress. Você pode encontrá-los no codex WordPress.
minha_função_personalizada é a função que contém o código que você deseja executar. Esta função deve ser definida antes da função add_action.
A sintaxe ficará assim para anexar a função de cabeçalho fixo acima a um gancho.
add_action( 'wp_footer', 'sticky_header' );Esta função executa a função sticky_header() quando o gancho de ação wp_footer é chamado. Você também pode anexar a função a um gancho específico substituindo wp_footer pelo nome do gancho de sua escolha.
Por exemplo:
add_action( 'init', 'sticky_header' );Isso executará a função de cabeçalho fixo quando a ação init do WordPress for chamada.
ganchos de filtro
Os ganchos de filtro permitem que você modifique os dados antes de serem exibidos ou salvos no banco de dados. Aqui está um exemplo de um gancho de filtro que altera o título de uma postagem de blog para todas as letras maiúsculas.
add_filter( ‘the_title’, ‘uppercase_title’ );
function uppercase_title( $title ) {
return strtoupper( $title );
}Essa função aceita um único argumento, $title, que é o título original da postagem do blog.
A função então usa a função strtoupper () para converter o título em maiúsculas e retornar o valor modificado.
A diferença entre ação e ganchos de filtro
Os ganchos de ação permitem que você execute funções personalizadas em um momento específico no ciclo de execução do WordPress. No exemplo acima, o gancho de ação wp_footer é chamado logo antes da tag.
Os ganchos de filtro, por outro lado, permitem que você modifique os dados à medida que são passados pela base de código do WordPress.
Como no exemplo acima, o gancho do filtro o título permite que você edite o título de um post de blog antes de ser exibido no site.
Etapa 2: configurar um ambiente de teste
A segunda etapa na criação de um plug-in do WordPress é configurar um ambiente de teste ou desenvolvimento. O objetivo é evitar a experimentação em um site real.
A criação de um plug-in às vezes requer idas e vindas. Você também pode cometer erros que danificarão seu site.
Você pode usar seu computador como um servidor local para hospedar um site WordPress de teste onde você pode criar e testar seu plugin.
Se o seu planoalojamento suporta a criação de um site de teste, você também pode usá-lo. Aqui usaremos a primeira solução.
Para configurar um ambiente de teste, vamos baixar local , uma ferramenta de desenvolvimento para hospedagem local de sites WordPress.
Quando o download estiver concluído, inicie o software no seu computador e clique em + ícone no canto inferior esquerdo para criar um novo site local.
Escolha de Crie um novo site e clique no botão Continuar.
Em seguida, siga as instruções na tela para adicionar o nome do seu site, configurar o ambiente e criar os detalhes de login do WordPress.
Quando terminar. Clique no botão Adicionar local. Depois de adicionar seu site, selecione-o no painel local e inicie o painel de administração do WordPress.
Quando a página de login do administrador for aberta, use o nome do usuário e o senha do WordPress que você criou acima para acessar seu painel.
Está feito. Seu ambiente de teste está pronto. Vamos começar a criar seu plugin WordPress.
Passo 3: Crie sua pasta de plugins
Depois que seu ambiente de teste estiver pronto, a primeira coisa que você precisa fazer é criar um arquivo de plug-in no diretório do site. Por padrão, o WordPress armazena todos os plugins no diretório wp-content/plugin.
Todo plugin instalado em um site WordPress terá uma pasta neste diretório. Para o seu plugin, você terá que criar uma pasta dentro deste diretório e dar um nome a ela.
Para este tutorial, navegaremos até a pasta wp-content/plugin em nosso diretório local do site. Veja como.
Observação: O processo é o mesmo se você estiver usando um site intermediário.
No seu painel local, clique no botão Vá para a pasta do site . Você será redirecionado para o diretório do site local.
selecionar Aplicativos nas opções, clique em público em seguida wp-content. Você verá pastas diferentes neste diretório.
Abra a pasta Plugins e uma nova subpasta com o nome do seu plugin. vamos usar aqui pegajosa Header já que é o nome do plugin que queremos criar.
Passo 4: Crie o arquivo PHP principal para o seu plugin
Depois de criar sua pasta de plugins, o próximo passo é adicionar um arquivo PHP a esta pasta. É aqui que os códigos e funcionalidades do seu plug-in estarão disponíveis.
Para este tutorial, precisamos apenas de um arquivo PHP para um plug-in simples que cria um cabeçalho fixo no WordPress.
Para plug-ins mais complexos com funcionalidade avançada, pode haver diferentes tipos de arquivo na pasta do plug-in, como CSS e javascript. No nosso caso, um único arquivo PHP será suficiente.
Para fazer isso, crie um arquivo PHP na pasta do plugin, conforme a captura de tela abaixo.
Com o arquivo pronto, é hora de adicionar algumas informações ao seu plugin.
Etapa 5: configurar as informações do plug-in
Também conhecido como cabeçalho de arquivo de plug-in, as informações do plug-in são um bloco de comentários do PHP que inclui detalhes sobre o plug-in, como nome do plug-in, versão, URL, nome do autor e seu site, licença etc.
Esta é a informação que você vê na página do plugin do WordPress depois de instalar um plugin.
Você pode encontrar o cabeçalho do arquivo de plug-in no códice do WordPress . Se parece com isso.
Apenas copie e cole este código no arquivo PHP do seu plug-in e edite os detalhes para adequá-lo ao seu plug-in. Em nosso caso, o leitor de arquivo do plug-in de cabeçalho fixo ficará assim.
<?php
/*
Plugin Name: Sticky Header
Plugin URI: https://wordpress.org/plugins/sticky-header/
Description: Make your website header sticks to the top of every page on your website as users scroll.
Author: The Team
Author URI: https://blogpascher.com/sticky-header
Text Domain: Sticky Header
Domain Path: /languages
*/Depois de salvar este arquivo, você criou um novo plug-in e pode encontrá-lo na lista de plug-ins já instalados em seu site.
Faça login no painel do WordPress do seu site de teste e vá para Plugins>Plugins installés.
Você verá o plugin Sticky Header com detalhes. Aqui está.
Agora você pode ativar o plug-in, mas não fará nada porque ainda não adicionamos nenhuma funcionalidade a ele. Então, vamos fazer nosso plugin fazer algo.
Passo 6: Adicione o código ao seu plugin
Para fazer isso, adicionaremos o código de cabeçalho fixo que usamos ao aprender as funções e ganchos do WordPress acima. Veja como.
Abra o arquivo PHP do seu plug-in. Nos detalhes do cabeçalho, copie e cole esses trechos de código no arquivo PHP principal do plug-in e salve-o.
function sticky_header() {
?>
<script>
// Select the header element
var header = document.querySelector(‘header’);
// Get the offset position of the header
var sticky = header.offsetTop;
// Add the sticky class to the header when you reach its scroll position. Remove “sticky” when you leave the scroll position
function addSticky() {
if (window.pageYOffset > sticky) {
header.classList.add(“sticky”);
} else {
header.classList.remove(“sticky”);
}
}
// Add the sticky class to the header when you scroll the page
window.onscroll = function() {
addSticky();
};
</script>
<?php
}
add_action( ‘wp_footer’, ‘sticky_header’ );Este código faz duas coisas essenciais,
A função sticky_header é ativado quando o usuário rola a página e para quando a rolagem para.
Em segundo lugar, a ação add_action('wp_footer', 'sticky_header'); usa o endereço…..
Salve o código e pronto. Você criou com sucesso um plug-in do WordPress que torna o cabeçalho do site fixo quando os usuários o percorrem.
Passo 7: Ative o plug-in. Em ação.
Retorne ao seu site e ative o plug-in.
Ao percorrer a versão ativa do site, o cabeçalho do site permanecerá no topo da página.
Depois de ver o efeito do novo plug-in em seu site de demonstração, é hora de experimentá-lo em seu site real.
Antes disso, certifique-se de ter testado o plug-in em busca de bugs e vulnerabilidades. Resolvê-los, se aplicável. Como precaução, faça backup do seu site WordPress antes de implantar seu novo plug-in.
Se estiver satisfeito com o desempenho do plug-in em seu site, você pode fazer o upload do plug-in para o repositório de plug-ins do WordPress. Como os proprietários de sites o usam gratuitamente, você receberá feedback sobre o que melhorar e como fazê-lo.
E se você quiser ganhar dinheiro com seu plugin, você pode vendê-lo em um dos sites que listamos acima
Conclusão
Se você chegou até aqui, concorda que criar um plug-in do WordPress é relativamente simples. Seguindo as instruções deste guia, você poderá criar um plugin básico do WordPress. Você pode experimentar quantas funções quiser e melhorar a funcionalidade do seu plug-in.
A criação de plugins complexos segue o mesmo método. Mais funcionalidade significa mais funções em seu arquivo de plugin.
Você já tentou criar um plugin WordPress? Vamos falar sobre sua experiência na seção de comentários abaixo.
