- \n
- A\u00e7\u00f5es e Hooks de A\u00e7\u00e3o<\/a><\/li>\n\n\n\n
- Filtros e Hooks de Filtro<\/a><\/li>\n<\/ul>\n<\/li>\n\n\n\n
- Passo 1 Armazenando o Plugin<\/a><\/li>\n\n\n\n
- Passo 2 Criando o Primeiro Arquivo<\/a><\/li>\n\n\n\n
- Passo 3 Escrevendo as Fun\u00e7\u00f5es do Plugin<\/a><\/li>\n\n\n\n
- Passo 4 Criando a P\u00e1gina de Administrador do Plugin<\/a><\/li>\n\n\n\n
- Boas Pr\u00e1ticas e Dicas ao Criar Plugins Personalizados<\/a><\/li>\n\n\n\n
- Perguntas Frequentes Como Criar um Plugin WordPress<\/a>\n
- \n
- \u00c9 Poss\u00edvel Ganhar Dinheiro Fazendo Plugins WordPress?<\/a><\/li>\n\n\n\n
- Quem Pode Criar Plugins WordPress?<\/a><\/li>\n\n\n\n
- Os Plugins WordPress s\u00e3o Escritos em PHP?<\/a><\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n\n
O Que Voc\u00ea Precisa Para Criar um Plugin WordPress<\/strong><\/h2>\n\n\n\n
Eis a lista do que voc\u00ea precisar\u00e1 para criar um plugin WordPress:<\/p>\n\n\n\n
- \n
- Um editor de texto<\/li>\n\n\n\n
- Acesso FTP<\/a>\u00a0ao seu plano de hospedagem<\/li>\n\n\n\n
- Uma\u00a0instala\u00e7\u00e3o WordPress<\/a>\u00a0ativa<\/li>\n<\/ul>\n\n\n\n
Voc\u00ea precisar\u00e1 do editor de texto para escrever o c\u00f3digo do plugin. Alguns editores HTML<\/a> populares incluem o Notepad++<\/a> e o Atom<\/a>.<\/p>\n\n\n\n
Ap\u00f3s instalar o editor de texto, conecte-o ao seu servidor FTP para realizar a modifica\u00e7\u00e3o de c\u00f3digo.<\/p>\n\n\n\n
Em seguida, configure um cliente FTP para fazer o upload do plugin ao seu site. N\u00f3s recomendamos usar o software FileZilla, pois ele \u00e9 bastante simples de ser configurado.<\/p>\n\n\n\n
Por fim, certifique-se de que voc\u00ea tem uma instala\u00e7\u00e3o do WordPress ativa e atualizada. Existem v\u00e1rias maneiras de atualizar o WordPress<\/a> caso voc\u00ea tenha desativado as atualiza\u00e7\u00f5es autom\u00e1ticas. N\u00e3o se esque\u00e7a de fazer o backup dos seus arquivos<\/a> antes de realizar o update para evitar a perda de dados.<\/p>\n\n\n\n
Alternativamente, voc\u00ea pode instalar o WordPress localmente<\/a>. Este m\u00e9todo n\u00e3o requer um site ativo, tampouco um dom\u00ednio ou um plano de hospedagem. Dessa forma, voc\u00ea pode testar o seu plugin sem que seus visitantes vejam as mudan\u00e7as imediatamente.<\/p>\n\n\n\n
Ter conhecimentos b\u00e1sicos de PHP ser\u00e1 uma vantagem para o processo de desenvolvimento do seu plugin. Isso porque voc\u00ea precisar\u00e1 escrever fun\u00e7\u00f5es personalizadas e trabalhar com fun\u00e7\u00f5es pr\u00f3prias do WordPress. Ou seja: voc\u00ea ao menos precisar\u00e1 ter alguma familiaridade com conven\u00e7\u00f5es de nomes e estruturas de arquivos na linguagem PHP.<\/p>\n\n\n\n
Plugins WordPress x Temas WordPress<\/strong><\/h2>\n\n\n\n
A funcionalidade de um site WordPress pode ser alterada por meio de plugins e temas.<\/p>\n\n\n\n
Temas do WordPress t\u00eam um arquivo functions.php<\/strong> armazenado na pasta \/wp-includes\/<\/strong>. Ele permite que voc\u00ea adicione c\u00f3digos personalizados para criar novas fun\u00e7\u00f5es.<\/p>\n\n\n\n
Este m\u00e9todo \u00e9 eficaz para altera\u00e7\u00f5es menores, mas n\u00e3o \u00e9 pr\u00e1tico para mudan\u00e7as maiores, que afetem o site como um todo.<\/p>\n\n\n\n
Isso porque as funcionalidades escritas no arquivo functions.php<\/strong> dependem se o tema est\u00e1 ativo ou n\u00e3o. Se voc\u00ea trocar ou desativar o tema, o WordPress reverter\u00e1 as mudan\u00e7as feitas no arquivo e exibir\u00e1 uma mensagem de erro quando o site tentar chamar as fun\u00e7\u00f5es perdidas.<\/p>\n\n\n\n
A n\u00e3o ser que voc\u00ea use um child theme<\/em>, atualizar o tema tamb\u00e9m substituir\u00e1 o arquivo functions.php<\/strong>, te for\u00e7ando a restaurar manualmente os c\u00f3digos personalizados.<\/p>\n\n\n\n
\u00c9 por isso que criar um plugin personalizado \u00e9 t\u00e3o \u00fatil. Ao fazer isso, voc\u00ea facilita a modifica\u00e7\u00e3o de aspectos padr\u00e3o do WordPress para que a plataforma se adapte \u00e0s suas necessidades.<\/p>\n\n\n\n
Voc\u00ea pode adicionar plugins a qualquer instala\u00e7\u00e3o WordPress. Recursos trazidos pelo plugin permanecer\u00e3o funcionais mesmo que voc\u00ea troque de tema. Al\u00e9m disso, voc\u00ea poder\u00e1 atualizar o WordPress sem perder fun\u00e7\u00f5es j\u00e1 criadas, economizando seu tempo e esfor\u00e7o.<\/p>\n\n\n\n
![\"\"](\"https:\/\/www.hostinger.com.br\/tutoriais\/wp-content\/uploads\/sites\/12\/2024\/06\/BR-New-WP_in-text-banner.webp\")
<\/a><\/figure>\n\n\n\nO Que S\u00e3o Hooks WordPress?<\/strong><\/h2>\n\n\n\n
Os plugins WordPress interagem com o c\u00f3digo nuclear da plataforma por meio de hooks (ou ganchos). Existem dois tipos de hooks no WordPress:<\/p>\n\n\n\n
- \n
- Hooks de a\u00e7\u00e3o<\/strong>\u00a0\u2013 adicionam ou removem fun\u00e7\u00f5es.<\/li>\n\n\n\n
- Hooks de filtro<\/strong>\u00a0\u2013 modificam dados produzidos pelas fun\u00e7\u00f5es.<\/li>\n<\/ul>\n\n\n\n
A\u00e7\u00f5es e Hooks de A\u00e7\u00e3o<\/strong><\/h3>\n\n\n\n
Uma a\u00e7\u00e3o \u00e9 uma fun\u00e7\u00e3o PHP chamada por meio de um hook de a\u00e7\u00e3o espec\u00edfico sempre que um usu\u00e1rio visita uma p\u00e1gina WordPress. Desenvolvedores web podem adicionar suas pr\u00f3prias fun\u00e7\u00f5es \u00e0 lista de a\u00e7\u00f5es (ou remover as que j\u00e1 existem) adicionando o script de hook de a\u00e7\u00e3o wp_head()<\/strong> antes da tag de fechamento (<\/head><\/strong>) de qualquer p\u00e1gina.<\/p>\n\n\n\n
Os hooks de a\u00e7\u00e3o s\u00e3o contextuais, o que significa que nem todas as p\u00e1ginas WordPress os chamam. A p\u00e1gina de Refer\u00eancia para A\u00e7\u00f5es de Plugins WordPress<\/a> traz uma lista completa dos hooks de a\u00e7\u00e3o e os contextos nos quais eles s\u00e3o chamados.<\/p>\n\n\n\n
Adicionando Fun\u00e7\u00f5es a um Hook de A\u00e7\u00e3o Usando o add_action()<\/strong><\/p>\n\n\n\n
Adicionar fun\u00e7\u00f5es a um hook de a\u00e7\u00e3o num arquivo de plugin requer chamar a fun\u00e7\u00e3o add_action()<\/strong> com ao menos dois par\u00e2metros.<\/p>\n\n\n\n
\/\/ Hook para a a\u00e7\u00e3o ‘init’, que \u00e9 chamada depois que o WordPress termina de carregar o c\u00f3digo principal<\/p>\n\n\n\n
add_action( ‘init’, ‘add_Cookie’ );<\/p>\n\n\n\n
\/\/ Configura um cookie com o hor\u00e1rio atual do dia<\/p>\n\n\n\n
function<\/strong> add_Cookie() {<\/p>\n\n\n\n
setcookie(“last_visit_time”, date(“r”), time()+60*60*24*30, “\/”);<\/p>\n\n\n\n
}<\/p>\n\n\n\n
O primeiro par\u00e2metro \u00e9 o nome do hook de a\u00e7\u00e3o<\/strong> ao qual voc\u00ea quer anexar o callback. J\u00e1 o segundo par\u00e2metro cont\u00e9m o nome da fun\u00e7\u00e3o<\/strong> que voc\u00ea pretende executar.<\/p>\n\n\n\n
O terceiro par\u00e2metro, opcional, declara a prioridade<\/strong> da fun\u00e7\u00e3o. A prioridade padr\u00e3o \u00e9 10, colocando a fun\u00e7\u00e3o personalizada depois de qualquer uma das nativas.<\/p>\n\n\n\n
O quarto par\u00e2metro, tamb\u00e9m opcional, cont\u00e9m o n\u00famero de argumentos<\/strong> ou par\u00e2metros que a fun\u00e7\u00e3o personalizada pode receber. O valor padr\u00e3o \u00e9 1.<\/p>\n\n\n\n
Exemplo: C\u00f3digo de Plugin para Exibir Texto Abaixo do Rodap\u00e9 de Cada P\u00e1gina<\/strong><\/p>\n\n\n\n
Este exemplo de plugin chama o hook de a\u00e7\u00e3o wp_footer()<\/strong> antes da tag de fechamento <\/body><\/strong> de cada p\u00e1gina e adiciona uma nova fun\u00e7\u00e3o, chamada mfp_Add_Text()<\/strong>. Como ela \u00e9 parte de um plugin, a fun\u00e7\u00e3o continuar\u00e1 ativa mesmo caso voc\u00ea troque de tema.<\/p>\n\n\n\n
Salve o exemplo abaixo como um arquivo PHP e fa\u00e7a o upload dele para a pasta plugins<\/strong>.<\/p>\n\n\n\n
<?php<\/p>\n\n\n\n
\/*<\/p>\n\n\n\n
Nome do Plugin: Adicionar Texto ao Rodap\u00e9<\/p>\n\n\n\n
*\/<\/p>\n\n\n\n
\/\/ Faz o gancho do hook de a\u00e7\u00e3o ‘wp_footer’, adiciona a ele a fun\u00e7\u00e3o ‘mfp_Add_Text’<\/p>\n\n\n\n
add_action(“wp_footer”, “mfp_Add_Text”);<\/p>\n\n\n\n
\/\/ Define ‘mfp_Add_Text’<\/p>\n\n\n\n
function<\/strong> mfp_Add_Text()<\/p>\n\n\n\n
{<\/p>\n\n\n\n
echo “<p style=’color: black;’>Ap\u00f3s o rodap\u00e9 ser carregado, meu texto \u00e9 adicionado!<\/p>”;<\/p>\n\n\n\n
}<\/p>\n\n\n\n
A captura de tela a seguir mostra o plugin em a\u00e7\u00e3o ap\u00f3s ser ativado no painel de administra\u00e7\u00e3o do WordPress:<\/p>\n\n\n\n
![\"plugin](\"https:\/\/www.hostinger.com.br\/tutoriais\/wp-content\/uploads\/sites\/12\/2022\/12\/plugin-text.webp\")
<\/figure>\n\n\n\nImportante!<\/strong> Na linguagem PHP, seu script inteiro \u00e9 analisado antes de ser executado. Escrever uma chamada add_action() no topo do arquivo, na ordem de execu\u00e7\u00e3o desejada, e depois definir suas fun\u00e7\u00f5es na mesma ordem tornar\u00e1 o arquivo mais f\u00e1cil de ser lido.<\/p>\n\n\n\n
Removendo Fun\u00e7\u00f5es de um Hook de A\u00e7\u00e3o Usando o remove_action()<\/strong><\/p>\n\n\n\n
Para remover uma a\u00e7\u00e3o de um hook de a\u00e7\u00e3o, escreva uma nova fun\u00e7\u00e3o chamada remove_action()<\/strong> e chame a fun\u00e7\u00e3o que voc\u00ea escreveu usando o add_action()<\/strong>.<\/p>\n\n\n\n
A fun\u00e7\u00e3o remove_action()<\/strong> tamb\u00e9m deve ter ao menos dois par\u00e2metros.<\/p>\n\n\n\n
\/\/ Faz o gancho da a\u00e7\u00e3o ‘init’, que \u00e9 chamada ap\u00f3s o WordPress carregar seu c\u00f3digo principal, adiciona a fun\u00e7\u00e3o ‘remove_My_Meta_Tags’<\/p>\n\n\n\n
add_action( ‘init’, ‘remove_My_Meta_Tags’ );<\/p>\n\n\n\n
\/\/ Remove a fun\u00e7\u00e3o ‘add_My_Meta_Tags’ do hook de a\u00e7\u00e3o wp_head<\/p>\n\n\n\n
function<\/strong> remove_My_Meta_Tags()<\/p>\n\n\n\n
{<\/p>\n\n\n\n
remove_action( ‘wp_head’, ‘add_My_Meta_Tags’);<\/p>\n\n\n\n
}<\/p>\n\n\n\n
O primeiro par\u00e2metro \u00e9 o nome do hook de a\u00e7\u00e3o<\/strong> ao qual a fun\u00e7\u00e3o est\u00e1 anexada, enquanto o segundo par\u00e2metro cont\u00e9m o nome da fun\u00e7\u00e3o<\/strong> que voc\u00ea quer remover.<\/p>\n\n\n\n
O terceiro par\u00e2metro, opcional, declara a prioridade<\/strong> da fun\u00e7\u00e3o original. Ela deve ser id\u00eantica \u00e0 prioridade originalmente definida quando a a\u00e7\u00e3o foi adicionada ao hook. Se voc\u00ea n\u00e3o definiu uma prioridade na fun\u00e7\u00e3o personalizada, n\u00e3o inclua este par\u00e2metro.<\/p>\n\n\n\n
No pr\u00f3ximo exemplo, n\u00f3s vamos impedir que o texto adicional apare\u00e7a no rodap\u00e9 das postagens de segunda-feira.<\/p>\n\n\n\n
Uma forma de fazer isso \u00e9 usar a fun\u00e7\u00e3o PHP date()<\/strong> para obter o dia atual, seguida por tags condicionais para checar se \u00e9 segunda-feira. Ap\u00f3s analisar as informa\u00e7\u00f5es, a p\u00e1gina executar\u00e1 a fun\u00e7\u00e3o remove_action()<\/strong> em cada postagem publicada nas segundas-feiras.<\/p>\n\n\n\n
<?php<\/p>\n\n\n\n
\/\/ Faz o gancho da a\u00e7\u00e3o ‘wp_footer’, executa a fun\u00e7\u00e3o ‘mfp_Add_Text()’<\/p>\n\n\n\n
add_action(“wp_footer”, “mfp_Add_Text”);<\/p>\n\n\n\n
\/\/ Faz o gancho da a\u00e7\u00e3o ‘wp_head’, executa a fun\u00e7\u00e3o ‘mfp_Remove_Text()’<\/p>\n\n\n\n
add_action(“wp_head”, “mfp_Remove_Text”);<\/p>\n\n\n\n
\/\/ Define a fun\u00e7\u00e3o ‘mfp_Add_Text(‘), que simplesmente reproduz texto simples<\/p>\n\n\n\n
function<\/strong> mfp_Add_Text()<\/p>\n\n\n\n
{<\/p>\n\n\n\n
echo “<p style=’color: #FFF;’>After the footer is loaded, my text is added!<\/p>”;<\/p>\n\n\n\n
}<\/p>\n\n\n\n
\/\/ Define a fun\u00e7\u00e3o ‘mfp_Remove_Text()’ para remover a fun\u00e7\u00e3o anterior da a\u00e7\u00e3o ‘wp_footer’<\/p>\n\n\n\n
function<\/strong> mfp_Remove_Text()<\/p>\n\n\n\n
{<\/p>\n\n\n\n
- Hooks de filtro<\/strong>\u00a0\u2013 modificam dados produzidos pelas fun\u00e7\u00f5es.<\/li>\n<\/ul>\n\n\n\n
- Uma\u00a0instala\u00e7\u00e3o WordPress<\/a>\u00a0ativa<\/li>\n<\/ul>\n\n\n\n
- Quem Pode Criar Plugins WordPress?<\/a><\/li>\n\n\n\n
- Filtros e Hooks de Filtro<\/a><\/li>\n<\/ul>\n<\/li>\n\n\n\n
![\"criando](\"https:\/\/www.hostinger.com.br\/tutoriais\/wp-content\/uploads\/sites\/12\/2022\/12\/filezilla-plugin-1-1024x429.png\")
<\/figure>\n\n\n\n![\"criando](\"https:\/\/www.hostinger.com.br\/tutoriais\/wp-content\/uploads\/sites\/12\/2022\/12\/filezilla-plugin-2-1024x524.png\")
<\/figure>\n\n\n\n![\"meu](\"https:\/\/www.hostinger.com.br\/tutoriais\/wp-content\/uploads\/sites\/12\/2022\/12\/meu-primeiro-plugin-1024x578.png\")
<\/figure>\n\n\n\n![\"meu](\"https:\/\/www.hostinger.com.br\/tutoriais\/wp-content\/uploads\/sites\/12\/2022\/12\/meu-primeiro-plugin-1-1024x563.png\")
<\/figure>\n\n\n\n