O que fazer se meu site não faz o que

eu preciso?
Quando desenvolvemos um site, blog, loja virtual ou sistema
web com WordPress, muitas vezes vamos precisar que nosso site
execute funções como abrir um popup, exibir um banner
rotativo de imagens ou uma galeria, carregar botões de redes
sociais, se comunicar com um sistema externo e etc...

O WordPress não vem com essas funcionalidades por padrão.

Nesses casos recorremos a biblioteca de plugins do WordPress.

Plugins que são ferramentas para estender as funcionalidades

do WordPress. Por exemplo: quando você precisa que ao
publicar um novo post no blog, e automaticamente esse deve
ser publicado no Facebook. Plugins tornam o seu site mais
funcional, facilitam a sua vida e a do visitante do seu blog.

Mesmo tendo milhares de plugins disponíveis para download no

WordPress. Pode ser que você precise de algo único,
personalizado para o seu site que esses plugins não façam.

Como então fazer então para que meu site tenha essas
funcionalidades?

É ai que você vai desenvolver o seu próprio plugin WordPress.

Como alterar um Template 2

WordPress sem perder atualizações
 Exemplos de plugins

Você pode desenvolver um plugin para realizar qualquer

funcionalidade necessária do seu site. Seja para modificar o
conteúdo e funcionalidades existentes ou para acrescentar
novas habilidades ao seu site.

Desenvolver um plugin é a maneira correta de estender as

funcionalidades do seu site. Alguns desenvolvedores acabam
criando essas funcionalidades no próprio template, porém,
segundo as normas do WordPress.org devemos separar qualquer
lógica de programação do nosso template criando plugins. O
template foi criado somente para parte visual do site, enquanto
os plugins são a inteligência do nosso site.

Como alterar um Template 3

WordPress sem perder atualizações
Por que você deveria desenvolver
plugins WordPress?
Necessidade do seu negócio:

Pode ser que você ou seu cliente tenham um negócio que precisa
de uma funcionalidade específica, e você não encontra nenhum
plugin atualmente que faz isso, ou que faz da maneira que você
quer. Dessa forma você vai precisar criar um plugin novo.

Melhorar seu tema:

Você pode ter desenvolvido um tema profissional, e ainda falta

aquela funcionalidade essencial para funcionar. Por exemplo: um
tema de marketplace vai precisar ter cadastro de produtos,
vendedores, vendas e relatórios. Isso são funcionalidades de
plugins.

Contribuir com a comunidade:

Um dos motivos do WordPress ser uma plataforma tão útil,

simples e completa, é a participação da comunidade de
desenvolvedores. É possível encontrar muitos temas e plugins
de qualidade. Uma das formas de você ajudar as pessoas é
criando plugins e disponibilizando para download no diretório de
plugins do WordPress.

Como alterar um Template 4

WordPress sem perder atualizações
Ganhar dinheiro:

Um desenvolvedor WordPress profissional júnior tem uma

média salaria de 2500 à 3000 reais (conforme pesquisado no site
da Catho), na região de SP e pode variar em outras regiões. É
uma profisssão bem remunerada e está em falta de profissionais
no mercado. Você também pode trabalhar como freelancer e
receber por serviço.

Além dessas opções, você pode desenvolver um plugin

premium e vender no mercado internacional. Existe um site,
chamado Code Canyon, onde você pode colocar seu plugin
profissional para venda. Esse site movimentou em 5 anos um
total de $53,906,191 e tem um faturamento anual
de $18,658,758. Deu pra perceber o tamanho do potencial
desse mercado?

Se pegarmos, por exemplo, o plugin Slider Revolution que já fez

269.694 vendas a 26 dólares cada. Esse plugin já teve um
faturamento de mais de 7 milhões de dólares para o seu criador.

Legal, mas agora como faço para desenvolver um plugin

WordPress?

É exatamente isso que vou te ensinar agora! Preparado?

Como alterar um Template 5

WordPress sem perder atualizações
Como criar um Plugin WordPress do
zero!
Agora vou te ensinar a desenvolver seu primeiro plugin
WordPress. Vamos desenvolver um plugin que modifica o
conteúdo de cada post, inserindo uma frase de nossa escolha no
começo do post.

Mas antes, você precisa ter instalado o WordPress. Se você ainda

não sabe como, veja esse artigo que escrevi explicando
como instalar o WordPress em localhost.

Feito isso acesse a pasta wp-content da sua instalação do

WordPress e cria uma pasta chamada meu-plugin.

Crie um arquivo dentro dessa pasta chamado meu-plugin.php

Digite esse código no arquivo criado:

Como alterar um Template 6

WordPress sem perder atualizações
<?php
/*
Plugin name: Meu plugin
Plugin uri: http://estudarti.com.br
Description: Esse plugin é um plugin de teste do
tutorial do Adam Silva
Version: 1.0
Author: Adam Silva
Author uri: http://www.adamsilva.com.br
License: GPLv2 or later
*/

function mp_mensagem_post( $mp_post ) {

$mp_mensagem = "Esta mensagem será mostrada no
início de cada post";
$mp_resultado = "$mp_mensagem";
$mp_resultado .= $mp_post;

return $mp_resultado;
}

add_filter( 'the_content', 'mp_mensagem_post' );

Pronto. Agora vá até o painel do WordPress no menu Plugins e

ative o “Meu plugin”.

Acesse seu site e você deve ver a frase que colocamos no inicio
de cada post.

Como alterar um Template 7

WordPress sem perder atualizações
Modificando ou adicionando novas
funcionalidades no WP com os Hooks
O WordPress nos permite inserir nosso próprio código em
determinado ponto do seu sistema através dos hooks.

Desenvolver plugins WP consiste em conhecer bem os hooks do

WP e saber onde encaixar seu código.

Existem 2 tipos de hooks:

Actions:
Um hook acionado num ponto do WordPress que permite que
você insira uma nova ação naquele ponto. Por exemplo, no
momento que alguém publicar um post eu quero enviar para o
facebook o link daquele post. Isso é um action.

Exemplo:

<?php
add_action( 'plugins_loaded', 'my_plugin_override' );

function my_plugin_override() {
// seu código aqui
}
?>

Como alterar um Template 8

WordPress sem perder atualizações
Onde “my_plugin_override” é a função que você vai criar com
uma nova ação para ser executada depois que os plugins
carregarem.

Existem centenas de actions no WordPress. Você pode consultar

a lista e documentação aqui.

Filters:
Permite que você receba e modifique dados do WordPress, antes
que seja enviado para o banco de dados ou exibido no
navegador.

No nosso primeiro plugin utilizamos o filter “the_content” que

nos retorna o conteúdo do post para que seja modificado.

Exemplo:

<?php add_filter( 'the_content', 'filter_function_name' ) ?>

Onde “filter_function_name” é uma nova função que você vai

criar para receber e depois modificar o conteúdo do post.

Você pode consultar a lista e documentação dos filters

disponíveis aqui.

Como alterar um Template 9

WordPress sem perder atualizações
Tudo que você tem a fazer agora é identificar em qual arquivo
está o conteúdo que você deseja alterar.

Se você tiver dificuldade de identificar onde está, existe um

plugin chamado Show current template que mostra ao navegar
no seu site, qual arquivo do template está sendo usado no
momento.

Para modificações de estilização como cores, tamanho de fonte,

margem e espaçamento; você deve fazer as alterações no
arquivo style.css criando novas regras de CSS.

Se você não tem nenhum conhecimento em CSS você pode ter

dificuldade.

Como alterar um Template 10

WordPress sem perder atualizações
O inspetor de código do Google Chrome é uma ferramenta que
me ajuda muito a identificar qual a classe ou ID eu devo alterar
no meu CSS para ter o resultado que eu desejo.

Para utilizar o inspetor basta estar no Google Chrome e clicar

com botão direito sobre o elemento que você deseja alterar e
selecionar a opção “Inspecionar”.

Dessa maneira eu consigo saber quais as propriedas CSS ativas

do elemento que eu selecionei no site, testar novas propriedades
e depois adicionar no meu style.css

Como alterar um Template 11

WordPress sem perder atualizações
E se eu precisar mudar apenas o CSS, preciso criar
um child theme?

Se você precisa fazer apenas mudanças de CSS, sem mudar a

estrutura do seu template. Você não precisa criar um child
theme.

Existe uma opção no WordPress no menu Aparência - >

Personalizar -> CSS Adicional. Onde você consegue adicionar
blocos de código CSS sem editar os arquivos do template.

Assim você fica livre para fazer atualizações normalmente.

Como alterar um Template 12

WordPress sem perder atualizações
Seu próximo passo

Quer aprender a tornar seus sites WordPress

mais Bonitos, Modernos e Profissionais?

Você vai ter o poder de deixar qualquer site

do jeito que você quiser.

Assista esse vídeo e descubra como....

CLIQUE AQUI PARA

CONTINUAR

Como alterar um Template 13

WordPress sem perder atualizações