SlideShare uma empresa Scribd logo
1 de 46
Baixar para ler offline
Quem sou eu?
É sério galera!
Leo Baiano
#WebDev para pagar as
contas
Músico quando estou bêbado
Poeta por vocação
Romântico de nascença
FAZEDOR DE SLIDES nas
horas vagas
Pode não parecer, mas
ESTE CARA SOU EU
O que são temas e plugins WordPress?
Tema
O tema WordPress é uma coleção de arquivos que trabalham juntos
para produzir uma interface gráfica para o site.
Plugin
Conjunto de arquivos que criam funcionalidades ou modificam
funcionalidades para o site WordPress.
Criar VS CustomizarDesenvolver
VS
Customizar
Coisas que eu gostaria de
saber antes de trabalhar com
Joomla!
… isso mesmo que você ouviu, Joomla!
Esqueça o Joomla!
Joomla! é legalzinho, mas você já ouviu falar de WordPress?
Coisas que eu gostaria de
saber antes de começar a
desenvolver temas e plugins
para WordPress
… uma palestra sobre mágica
Não seja preguiçoso
A regra de ouro!
- Prazo curto
- Pode bugar outras áreas
- Tá funcionando, segue o fluxo
- Não fui eu
- Leo dá uma olhada nisso aqui - (15 em cada 10 atendimentos usam essa)
Não seja preguiçoso
É importante ler a
documentação das funções
https://codex.wordpress.org/
Como funciona a query
padrão do WordPress
A query padrão do WordPress
O que é uma query?
Traduzindo para o português query significa consulta. No universo do desenvolvimento
uma query é o conjunto de instruções utilizadas para fazer uma consulta por informações
armazenadas em um banco de dados.
Exemplo:
"SELECIONE todos os campos da tabela ALUNOS" - pt_BR
"SELECT * FROM ALUNOS" - MySQL
Como escrevo
minhas querys
no WordPress?
mistério!!!
Não escreve
A query padrão do WordPress
No desenvolvimento de temas você dificilmente vai precisar escrever uma query,
o WordPress é bonzinho e faz isso para você.
A query é gerada com base na página acessada através de parâmetros que são
passados de forma mágica para que você não precise se preocupar. :D
Como modificar
corretamente a query
padrão do WordPress?
Ajude as fadinhas
… não use query_posts( );
Porque não usar query_posts();?
Eu sei que algumas pessoas acham query_posts(); mais bonitinho, mas não
façam isso com vocês mesmos, não usem!
O que o CODEX diz:
Nota: Esta função substituirá completamente a consulta principal e não se destina a ser utilizada por plugins ou temas. Sua abordagem
excessivamente simplista para modificar a consulta principal pode ser problemática e deve ser evitada sempre que possível.
pre_get_posts();
Preguetinho
para os íntimos.
Hierarquia de modelos do
WordPress
Hierarquia de modelos do WordPress
O que são?
Como funcionam?
Qual sua ligação com a query padrão?
https://codex.wordpress.org/pt-br:Hierarquia_de_Modelos_WordPress
Exemplos
Página Inicial (Home)
home.php
index.php
Post único
single-{post_type}.php
single.php
index.php
Categoria
category-{slug}.php
category-{id}.php
category.php
archive.php
index.php
Exemplos
Página
modelo de página
page-{slug}.php
page-{id}.php
page.php
index.php
Taxonomias Personalizadas
taxonomy-{taxonomia}-{termo}.php
taxonomy-{taxonomia}.php
taxonomy.php
archive.php
index.php
Hierarquia de modelos do WordPress
Nos modelos do tema do seu site você, normalmente, não precisa de multiplos
loops ou modificações no loop principal, mas caso seja necessário opte sempre
por pre_get_posts() ou WP_Query();
WP_Query(); permite que você informe argumentos para realizar uma query e
trazer os posts que deseja para montar seu segundo loop.
Hierarquia de modelos do WordPress
Deixando o site ou plugin
pronto para
internacionalização
Deixando o site ou plugin pronto para
internacionalização
Quando estamos desenvolvendo um site nem todo conteúdo vem do banco de
dados, algumas strings (texto) são impressas diretamente no arquivo de
modelo.
Exemplos de strings que são impressas no arquivo:
Botões, label e placeholder de campos de formulário, títulos e âncoras de links...
Funções para internacionalização
Deixando o site ou plugin pronto para
internacionalização
https://codex.wordpress.org/L10n
http://seusobrinho.com.br/blog/funcoes-de-internacionalizacao-do-wordpress/
Hooks: Actions e Filters
A varinha mágica do desenvolvedor WordPress
Hooks: Actions e Filters
Actions e filters são ganchos inseridos no core do WordPress para que os
desenvolvedores possam modificar o comportamento e a resposta das funções
ou disparar ações em momentos específicos.
Actions - Disparam ações
Filters - Modificam o comportamento e resposta
Exemplos de action
- Enviar e-mail para um determinados usuários sempre que um novo post for
cadastrado;
- Verificar se existem imagens associadas e deleta-las sempre que um post
for deletado
- Exibir um aviso sempre que determinado usuário fizer login
Hooks: Actions e Filters
Exemplos de filter
- Modificar o conteúdo do post ou título para inserir um rodapé por exemplo.
- Incluir classes personalizadas na tag <body>
- Alterar textos da tela de login
Hooks: Actions e Filters
add_action( string $tag, callable $function_to_add, int $priority = 10,int
$accepted_args = 1 );
https://developer.wordpress.org/reference/functions/add_action/
add_filter( string $tag, callable $function_to_add, int $priority = 10,int
$accepted_args = 1 );
https://developer.wordpress.org/reference/functions/add_filter/
Hooks: Actions e Filters
Para a mágica funcionar
todos os detalhes são
importantes
Detalhes fazem a diferença, detalhes fazem TODA diferença
O core do WordPress mostrava:
add_action( 'transition_post_status', 'post_unpublished', 10, 3 );
Eu esqueci da regra de ouro NÃO SEJA PREGUIÇOSO;
Eu esqueci que É IMPORTANTE LER A DOCUMENTAÇÃO
E EU ME FUDI!
Detalhes fazem a diferença
O WordPress imprimi
classes nos elementos
HTML
Classes para estilo CSS
body_class();
class="page page-id-2 page-parent page-template-default logged-in"
post_class();
class="post post-4564 category-48 category-dancing logged-in"
Você pode utilizar filtros para incluir clases CSS que não são padrões do
WordPress na lista de classes que serão inseridas pelas funções body_class(); e
post_class();
Classes para estilo CSS
Você pode fazer quase tudo
com o que o WP lhe trás
pronto
Cavalo dado não se olha os dentes
Cavalo dado não se olha os dentes
Quase tudo no WordPress é um post, então quando for fazer plugin pense nisso
e se aproveite disso. A maioria dos plugins só precisa de alguns CPTs, então
quando for criar seu plugin chame os posts pra dançar, abrace eles com carinho,
fale baixinho em seu ouvido e garanta um final feliz.
Enviando e-mail do plugin ou Tema
wp_mail();
O WordPress já tem uma função para envio de e-mail, não precisa criar sua
própria função no tema ou plugin.
https://developer.wordpress.org/reference/functions/wp_mail/
Ler dados de API
wp_remote_post(); e wp_remote_get();
As duas funções recebem 2 parâmetros, a URL do endpoint que deseja ler e os
argumentos, e retorna um array com o cabeçalho e conteúdo.
https://codex.wordpress.org/Function_Reference/wp_remote_post
https://codex.wordpress.org/Function_Reference/wp_remote_get
Ler dados de API
wp_safe_remote_post();
Esta função é ideal quando a solicitação HTTP está sendo feito para uma URL
arbitrária. A URL é validada para evitar redirecionamento e falsificação de
solicitação ataques.
https://developer.wordpress.org/reference/functions/wp_safe_remote_post/
Verifica usuário logado e redireciona
auth_redirect();
Essa função verifica se o usuário está logado e caso não esteja ela redireciona
ele para a página de login. Ela guarda a página que o usuário tentou acessar e
redireciona ele de volta para ela quando ele faz o login.
Esqueci dessa função ontem!
Enviar json de resposta a solicitações AJAX
wp_send_json_success( $data );
Envia um json como resposta a solicitações ajax. Você pode até usar
json_decode(); do PHP, mas ai perde toda a mágica do WordPress.
Recuperar os termos filhos de uma taxonamy
get_term_children( $term, $taxonomy );
Função utilizada para recuperar o ID de todos os termos filhos de um
deteminado termo de taxonomia.
Tamanhos personalizados
add_image_size ($name, $width, $height, $crop=null );
Cria um tamanho personalizado para o WordPress fazer o crop ou resize
automaticamente após o upload das imagens.
add_filter ( 'image_size_names_choose', 'my_custom_sizes');
Adiciona um tamanho personalizado na lista de tamanhos que aparece quando
o usuário vai inserir uma imagem no post.
Senta aqui, vamos conversar!

Mais conteúdo relacionado

Mais procurados

Clean code: programando com WordPress de forma profissional
Clean code: programando com WordPress de forma profissionalClean code: programando com WordPress de forma profissional
Clean code: programando com WordPress de forma profissionalLeo Baiano
 
Dicas e truques para desenvolver projetos web utilizando WordPress
Dicas e truques para desenvolver projetos web utilizando WordPressDicas e truques para desenvolver projetos web utilizando WordPress
Dicas e truques para desenvolver projetos web utilizando WordPressLeo Baiano
 
WordCamp SP 2014 - SEO para Desenvolvedores WordPress
WordCamp SP 2014 - SEO para Desenvolvedores WordPressWordCamp SP 2014 - SEO para Desenvolvedores WordPress
WordCamp SP 2014 - SEO para Desenvolvedores WordPressRuan Barbosa
 
Gerenciando sites em WordPress de forma eficiente: do deploy à manutenção
Gerenciando sites em WordPress de forma eficiente: do deploy à manutençãoGerenciando sites em WordPress de forma eficiente: do deploy à manutenção
Gerenciando sites em WordPress de forma eficiente: do deploy à manutençãospirallab
 
Trabalhando com posts e campos personalizados #CPBR9
Trabalhando com posts e campos personalizados #CPBR9Trabalhando com posts e campos personalizados #CPBR9
Trabalhando com posts e campos personalizados #CPBR9Rafael Funchal
 
Melhorando o desempenho do seu WordPress
Melhorando o desempenho do seu WordPressMelhorando o desempenho do seu WordPress
Melhorando o desempenho do seu WordPressJulian Fernandes
 
WordPress, muito além de um software para blogs
WordPress, muito além de um software para blogsWordPress, muito além de um software para blogs
WordPress, muito além de um software para blogsCayo Medeiros
 
Reduzindo Tempo de Resposta do Servidor - WordCamp BH 2014
Reduzindo Tempo de Resposta do Servidor - WordCamp BH 2014Reduzindo Tempo de Resposta do Servidor - WordCamp BH 2014
Reduzindo Tempo de Resposta do Servidor - WordCamp BH 2014Celso Fernandes
 
Wordpress SEO - Plugins, conteúdo, engajamento e análise
Wordpress SEO - Plugins, conteúdo, engajamento e análiseWordpress SEO - Plugins, conteúdo, engajamento e análise
Wordpress SEO - Plugins, conteúdo, engajamento e análiseFabio Ricotta
 
Wordpress e suas funções
Wordpress e suas funçõesWordpress e suas funções
Wordpress e suas funçõesDaniel Marcos
 
Quem tem medo do terminal?
Quem tem medo do terminal?Quem tem medo do terminal?
Quem tem medo do terminal?Rafael Funchal
 
Como Perder Peso (no browser)
Como Perder Peso (no browser)Como Perder Peso (no browser)
Como Perder Peso (no browser)Zeno Rocha
 
Otimizacao Front-End para WordPress - OlhoSEO 2013
Otimizacao Front-End para WordPress - OlhoSEO 2013Otimizacao Front-End para WordPress - OlhoSEO 2013
Otimizacao Front-End para WordPress - OlhoSEO 2013Guga Alves
 
Odin: Um framework que chuta bundas
Odin: Um framework que chuta bundasOdin: Um framework que chuta bundas
Odin: Um framework que chuta bundasRafael Funchal
 
Jetpack, um Canivete Suíço no seu WordPress (WordCamp São Paulo 2014)​
Jetpack, um Canivete Suíço no seu WordPress (WordCamp São Paulo 2014)​Jetpack, um Canivete Suíço no seu WordPress (WordCamp São Paulo 2014)​
Jetpack, um Canivete Suíço no seu WordPress (WordCamp São Paulo 2014)​Valério Souza
 
WordCampBH 2015 - O mínimo essencial para o bom desempenho do seu projeto em ...
WordCampBH 2015 - O mínimo essencial para o bom desempenho do seu projeto em ...WordCampBH 2015 - O mínimo essencial para o bom desempenho do seu projeto em ...
WordCampBH 2015 - O mínimo essencial para o bom desempenho do seu projeto em ...Sergio Costa
 
10 coisas para fazer logo após instalar o Wordpress
10 coisas para fazer logo após instalar o Wordpress10 coisas para fazer logo após instalar o Wordpress
10 coisas para fazer logo após instalar o WordpressCarlos Barros
 
WordPress SEO - SearchLabs 2010
WordPress SEO - SearchLabs 2010WordPress SEO - SearchLabs 2010
WordPress SEO - SearchLabs 2010Guga Alves
 

Mais procurados (20)

Clean code: programando com WordPress de forma profissional
Clean code: programando com WordPress de forma profissionalClean code: programando com WordPress de forma profissional
Clean code: programando com WordPress de forma profissional
 
Dicas e truques para desenvolver projetos web utilizando WordPress
Dicas e truques para desenvolver projetos web utilizando WordPressDicas e truques para desenvolver projetos web utilizando WordPress
Dicas e truques para desenvolver projetos web utilizando WordPress
 
WordCamp SP 2014 - SEO para Desenvolvedores WordPress
WordCamp SP 2014 - SEO para Desenvolvedores WordPressWordCamp SP 2014 - SEO para Desenvolvedores WordPress
WordCamp SP 2014 - SEO para Desenvolvedores WordPress
 
Gerenciando sites em WordPress de forma eficiente: do deploy à manutenção
Gerenciando sites em WordPress de forma eficiente: do deploy à manutençãoGerenciando sites em WordPress de forma eficiente: do deploy à manutenção
Gerenciando sites em WordPress de forma eficiente: do deploy à manutenção
 
Trabalhando com posts e campos personalizados #CPBR9
Trabalhando com posts e campos personalizados #CPBR9Trabalhando com posts e campos personalizados #CPBR9
Trabalhando com posts e campos personalizados #CPBR9
 
Melhorando o desempenho do seu WordPress
Melhorando o desempenho do seu WordPressMelhorando o desempenho do seu WordPress
Melhorando o desempenho do seu WordPress
 
WordPress, muito além de um software para blogs
WordPress, muito além de um software para blogsWordPress, muito além de um software para blogs
WordPress, muito além de um software para blogs
 
Reduzindo Tempo de Resposta do Servidor - WordCamp BH 2014
Reduzindo Tempo de Resposta do Servidor - WordCamp BH 2014Reduzindo Tempo de Resposta do Servidor - WordCamp BH 2014
Reduzindo Tempo de Resposta do Servidor - WordCamp BH 2014
 
Wordpress SEO - Plugins, conteúdo, engajamento e análise
Wordpress SEO - Plugins, conteúdo, engajamento e análiseWordpress SEO - Plugins, conteúdo, engajamento e análise
Wordpress SEO - Plugins, conteúdo, engajamento e análise
 
Wordpress e suas funções
Wordpress e suas funçõesWordpress e suas funções
Wordpress e suas funções
 
Quem tem medo do terminal?
Quem tem medo do terminal?Quem tem medo do terminal?
Quem tem medo do terminal?
 
Como Perder Peso (no browser)
Como Perder Peso (no browser)Como Perder Peso (no browser)
Como Perder Peso (no browser)
 
Otimizacao Front-End para WordPress - OlhoSEO 2013
Otimizacao Front-End para WordPress - OlhoSEO 2013Otimizacao Front-End para WordPress - OlhoSEO 2013
Otimizacao Front-End para WordPress - OlhoSEO 2013
 
Top Plugins Wordpress
Top Plugins WordpressTop Plugins Wordpress
Top Plugins Wordpress
 
Odin: Um framework que chuta bundas
Odin: Um framework que chuta bundasOdin: Um framework que chuta bundas
Odin: Um framework que chuta bundas
 
Jetpack, um Canivete Suíço no seu WordPress (WordCamp São Paulo 2014)​
Jetpack, um Canivete Suíço no seu WordPress (WordCamp São Paulo 2014)​Jetpack, um Canivete Suíço no seu WordPress (WordCamp São Paulo 2014)​
Jetpack, um Canivete Suíço no seu WordPress (WordCamp São Paulo 2014)​
 
WordCampBH 2015 - O mínimo essencial para o bom desempenho do seu projeto em ...
WordCampBH 2015 - O mínimo essencial para o bom desempenho do seu projeto em ...WordCampBH 2015 - O mínimo essencial para o bom desempenho do seu projeto em ...
WordCampBH 2015 - O mínimo essencial para o bom desempenho do seu projeto em ...
 
10 coisas para fazer logo após instalar o Wordpress
10 coisas para fazer logo após instalar o Wordpress10 coisas para fazer logo após instalar o Wordpress
10 coisas para fazer logo após instalar o Wordpress
 
WordPress SEO - SearchLabs 2010
WordPress SEO - SearchLabs 2010WordPress SEO - SearchLabs 2010
WordPress SEO - SearchLabs 2010
 
Web Offline
Web OfflineWeb Offline
Web Offline
 

Semelhante a Coisas que eu gostaria de saber antes de começar a desenvolver temas e plugins para WordPress

Coisas que eu gostaria de saber antes de começar a desenvolver temas e plugin...
Coisas que eu gostaria de saber antes de começar a desenvolver temas e plugin...Coisas que eu gostaria de saber antes de começar a desenvolver temas e plugin...
Coisas que eu gostaria de saber antes de começar a desenvolver temas e plugin...wordcamppoa
 
Boas Práticas de programação WordPress
Boas Práticas de programação WordPressBoas Práticas de programação WordPress
Boas Práticas de programação WordPressThiago Mendes
 
Programação Web com Zend Framework e Ajax com Dojo
Programação Web com Zend Framework e Ajax com DojoProgramação Web com Zend Framework e Ajax com Dojo
Programação Web com Zend Framework e Ajax com Dojofabioginzel
 
The Ultimate Guide to Development in WordPress
The Ultimate Guide to Development in WordPressThe Ultimate Guide to Development in WordPress
The Ultimate Guide to Development in WordPressJackson F. de A. Mafra
 
Como criar um plugin para WordPress
Como criar um plugin para WordPressComo criar um plugin para WordPress
Como criar um plugin para WordPressLeandrinho Vieira
 
Wordpress e suas funções
Wordpress e suas funçõesWordpress e suas funções
Wordpress e suas funçõesDaniel Marcos
 
Introducao cms-wordpress
Introducao cms-wordpressIntroducao cms-wordpress
Introducao cms-wordpressMateus Neves
 
Desenvolvimento de Módulos Divi Builder
Desenvolvimento de Módulos Divi BuilderDesenvolvimento de Módulos Divi Builder
Desenvolvimento de Módulos Divi BuilderDaniel Paz
 
Wordpress além do blog
Wordpress além do blogWordpress além do blog
Wordpress além do blogMateus Neves
 
Otimização Front-end para WordPress
Otimização Front-end para WordPressOtimização Front-end para WordPress
Otimização Front-end para WordPressGuga Alves
 
Joomla Day Brasil 2010: Customizações para grandes portais
Joomla Day Brasil 2010: Customizações para grandes portaisJoomla Day Brasil 2010: Customizações para grandes portais
Joomla Day Brasil 2010: Customizações para grandes portaisrafaelberlanda
 
Desenvolvimento de plugins WordPress
Desenvolvimento de plugins WordPressDesenvolvimento de plugins WordPress
Desenvolvimento de plugins WordPressLeandrinho Vieira
 
Django - Desenvolvimento web ágil com Python
Django - Desenvolvimento web ágil com PythonDjango - Desenvolvimento web ágil com Python
Django - Desenvolvimento web ágil com PythonIgor Sobreira
 
Estrutura de um Front-End eficiente (para iniciantes)
Estrutura de um Front-End eficiente (para iniciantes)Estrutura de um Front-End eficiente (para iniciantes)
Estrutura de um Front-End eficiente (para iniciantes)Sérgio Vilar
 
Desmistificando web2py - #TDC2011
Desmistificando web2py - #TDC2011Desmistificando web2py - #TDC2011
Desmistificando web2py - #TDC2011Bruno Rocha
 
Workflow WordPress + JavaScript - WordCamp Rio
Workflow WordPress + JavaScript  - WordCamp RioWorkflow WordPress + JavaScript  - WordCamp Rio
Workflow WordPress + JavaScript - WordCamp RioFellyph Cintra
 
WordPress como CMS
WordPress como CMSWordPress como CMS
WordPress como CMSleogermani
 

Semelhante a Coisas que eu gostaria de saber antes de começar a desenvolver temas e plugins para WordPress (20)

Coisas que eu gostaria de saber antes de começar a desenvolver temas e plugin...
Coisas que eu gostaria de saber antes de começar a desenvolver temas e plugin...Coisas que eu gostaria de saber antes de começar a desenvolver temas e plugin...
Coisas que eu gostaria de saber antes de começar a desenvolver temas e plugin...
 
Boas Práticas de programação WordPress
Boas Práticas de programação WordPressBoas Práticas de programação WordPress
Boas Práticas de programação WordPress
 
Programação Web com Zend Framework e Ajax com Dojo
Programação Web com Zend Framework e Ajax com DojoProgramação Web com Zend Framework e Ajax com Dojo
Programação Web com Zend Framework e Ajax com Dojo
 
The Ultimate Guide to Development in WordPress
The Ultimate Guide to Development in WordPressThe Ultimate Guide to Development in WordPress
The Ultimate Guide to Development in WordPress
 
Como criar um plugin para WordPress
Como criar um plugin para WordPressComo criar um plugin para WordPress
Como criar um plugin para WordPress
 
Wordpress e suas funções
Wordpress e suas funçõesWordpress e suas funções
Wordpress e suas funções
 
Introducao cms-wordpress
Introducao cms-wordpressIntroducao cms-wordpress
Introducao cms-wordpress
 
Curso de WordPress
Curso de WordPressCurso de WordPress
Curso de WordPress
 
Desenvolvimento de Módulos Divi Builder
Desenvolvimento de Módulos Divi BuilderDesenvolvimento de Módulos Divi Builder
Desenvolvimento de Módulos Divi Builder
 
Wordpress além do blog
Wordpress além do blogWordpress além do blog
Wordpress além do blog
 
Otimização Front-end para WordPress
Otimização Front-end para WordPressOtimização Front-end para WordPress
Otimização Front-end para WordPress
 
Modelo de desenvolvimento de software em 3 camadas para Wordpress
Modelo de desenvolvimento de software em 3 camadas para WordpressModelo de desenvolvimento de software em 3 camadas para Wordpress
Modelo de desenvolvimento de software em 3 camadas para Wordpress
 
Joomla Day Brasil 2010: Customizações para grandes portais
Joomla Day Brasil 2010: Customizações para grandes portaisJoomla Day Brasil 2010: Customizações para grandes portais
Joomla Day Brasil 2010: Customizações para grandes portais
 
Desenvolvimento de plugins WordPress
Desenvolvimento de plugins WordPressDesenvolvimento de plugins WordPress
Desenvolvimento de plugins WordPress
 
Como desenvolver um tema wordpress de A a Z
Como desenvolver um tema wordpress de A a ZComo desenvolver um tema wordpress de A a Z
Como desenvolver um tema wordpress de A a Z
 
Django - Desenvolvimento web ágil com Python
Django - Desenvolvimento web ágil com PythonDjango - Desenvolvimento web ágil com Python
Django - Desenvolvimento web ágil com Python
 
Estrutura de um Front-End eficiente (para iniciantes)
Estrutura de um Front-End eficiente (para iniciantes)Estrutura de um Front-End eficiente (para iniciantes)
Estrutura de um Front-End eficiente (para iniciantes)
 
Desmistificando web2py - #TDC2011
Desmistificando web2py - #TDC2011Desmistificando web2py - #TDC2011
Desmistificando web2py - #TDC2011
 
Workflow WordPress + JavaScript - WordCamp Rio
Workflow WordPress + JavaScript  - WordCamp RioWorkflow WordPress + JavaScript  - WordCamp Rio
Workflow WordPress + JavaScript - WordCamp Rio
 
WordPress como CMS
WordPress como CMSWordPress como CMS
WordPress como CMS
 

Coisas que eu gostaria de saber antes de começar a desenvolver temas e plugins para WordPress

  • 1. Quem sou eu? É sério galera!
  • 2. Leo Baiano #WebDev para pagar as contas Músico quando estou bêbado Poeta por vocação Romântico de nascença FAZEDOR DE SLIDES nas horas vagas Pode não parecer, mas ESTE CARA SOU EU
  • 3. O que são temas e plugins WordPress? Tema O tema WordPress é uma coleção de arquivos que trabalham juntos para produzir uma interface gráfica para o site. Plugin Conjunto de arquivos que criam funcionalidades ou modificam funcionalidades para o site WordPress.
  • 5. Coisas que eu gostaria de saber antes de trabalhar com Joomla! … isso mesmo que você ouviu, Joomla!
  • 6. Esqueça o Joomla! Joomla! é legalzinho, mas você já ouviu falar de WordPress?
  • 7. Coisas que eu gostaria de saber antes de começar a desenvolver temas e plugins para WordPress … uma palestra sobre mágica
  • 8. Não seja preguiçoso A regra de ouro!
  • 9. - Prazo curto - Pode bugar outras áreas - Tá funcionando, segue o fluxo - Não fui eu - Leo dá uma olhada nisso aqui - (15 em cada 10 atendimentos usam essa) Não seja preguiçoso
  • 10. É importante ler a documentação das funções https://codex.wordpress.org/
  • 11. Como funciona a query padrão do WordPress
  • 12. A query padrão do WordPress O que é uma query? Traduzindo para o português query significa consulta. No universo do desenvolvimento uma query é o conjunto de instruções utilizadas para fazer uma consulta por informações armazenadas em um banco de dados. Exemplo: "SELECIONE todos os campos da tabela ALUNOS" - pt_BR "SELECT * FROM ALUNOS" - MySQL
  • 13. Como escrevo minhas querys no WordPress? mistério!!! Não escreve
  • 14. A query padrão do WordPress No desenvolvimento de temas você dificilmente vai precisar escrever uma query, o WordPress é bonzinho e faz isso para você. A query é gerada com base na página acessada através de parâmetros que são passados de forma mágica para que você não precise se preocupar. :D
  • 15. Como modificar corretamente a query padrão do WordPress?
  • 16. Ajude as fadinhas … não use query_posts( );
  • 17. Porque não usar query_posts();? Eu sei que algumas pessoas acham query_posts(); mais bonitinho, mas não façam isso com vocês mesmos, não usem! O que o CODEX diz: Nota: Esta função substituirá completamente a consulta principal e não se destina a ser utilizada por plugins ou temas. Sua abordagem excessivamente simplista para modificar a consulta principal pode ser problemática e deve ser evitada sempre que possível.
  • 19. Hierarquia de modelos do WordPress
  • 20. Hierarquia de modelos do WordPress O que são? Como funcionam? Qual sua ligação com a query padrão? https://codex.wordpress.org/pt-br:Hierarquia_de_Modelos_WordPress
  • 21.
  • 22. Exemplos Página Inicial (Home) home.php index.php Post único single-{post_type}.php single.php index.php Categoria category-{slug}.php category-{id}.php category.php archive.php index.php Exemplos Página modelo de página page-{slug}.php page-{id}.php page.php index.php Taxonomias Personalizadas taxonomy-{taxonomia}-{termo}.php taxonomy-{taxonomia}.php taxonomy.php archive.php index.php Hierarquia de modelos do WordPress
  • 23. Nos modelos do tema do seu site você, normalmente, não precisa de multiplos loops ou modificações no loop principal, mas caso seja necessário opte sempre por pre_get_posts() ou WP_Query(); WP_Query(); permite que você informe argumentos para realizar uma query e trazer os posts que deseja para montar seu segundo loop. Hierarquia de modelos do WordPress
  • 24. Deixando o site ou plugin pronto para internacionalização
  • 25. Deixando o site ou plugin pronto para internacionalização Quando estamos desenvolvendo um site nem todo conteúdo vem do banco de dados, algumas strings (texto) são impressas diretamente no arquivo de modelo. Exemplos de strings que são impressas no arquivo: Botões, label e placeholder de campos de formulário, títulos e âncoras de links...
  • 26. Funções para internacionalização Deixando o site ou plugin pronto para internacionalização https://codex.wordpress.org/L10n http://seusobrinho.com.br/blog/funcoes-de-internacionalizacao-do-wordpress/
  • 27. Hooks: Actions e Filters A varinha mágica do desenvolvedor WordPress
  • 28. Hooks: Actions e Filters Actions e filters são ganchos inseridos no core do WordPress para que os desenvolvedores possam modificar o comportamento e a resposta das funções ou disparar ações em momentos específicos. Actions - Disparam ações Filters - Modificam o comportamento e resposta
  • 29. Exemplos de action - Enviar e-mail para um determinados usuários sempre que um novo post for cadastrado; - Verificar se existem imagens associadas e deleta-las sempre que um post for deletado - Exibir um aviso sempre que determinado usuário fizer login Hooks: Actions e Filters
  • 30. Exemplos de filter - Modificar o conteúdo do post ou título para inserir um rodapé por exemplo. - Incluir classes personalizadas na tag <body> - Alterar textos da tela de login Hooks: Actions e Filters
  • 31. add_action( string $tag, callable $function_to_add, int $priority = 10,int $accepted_args = 1 ); https://developer.wordpress.org/reference/functions/add_action/ add_filter( string $tag, callable $function_to_add, int $priority = 10,int $accepted_args = 1 ); https://developer.wordpress.org/reference/functions/add_filter/ Hooks: Actions e Filters
  • 32. Para a mágica funcionar todos os detalhes são importantes Detalhes fazem a diferença, detalhes fazem TODA diferença
  • 33. O core do WordPress mostrava: add_action( 'transition_post_status', 'post_unpublished', 10, 3 ); Eu esqueci da regra de ouro NÃO SEJA PREGUIÇOSO; Eu esqueci que É IMPORTANTE LER A DOCUMENTAÇÃO E EU ME FUDI! Detalhes fazem a diferença
  • 34. O WordPress imprimi classes nos elementos HTML
  • 35. Classes para estilo CSS body_class(); class="page page-id-2 page-parent page-template-default logged-in" post_class(); class="post post-4564 category-48 category-dancing logged-in"
  • 36. Você pode utilizar filtros para incluir clases CSS que não são padrões do WordPress na lista de classes que serão inseridas pelas funções body_class(); e post_class(); Classes para estilo CSS
  • 37. Você pode fazer quase tudo com o que o WP lhe trás pronto Cavalo dado não se olha os dentes
  • 38. Cavalo dado não se olha os dentes Quase tudo no WordPress é um post, então quando for fazer plugin pense nisso e se aproveite disso. A maioria dos plugins só precisa de alguns CPTs, então quando for criar seu plugin chame os posts pra dançar, abrace eles com carinho, fale baixinho em seu ouvido e garanta um final feliz.
  • 39. Enviando e-mail do plugin ou Tema wp_mail(); O WordPress já tem uma função para envio de e-mail, não precisa criar sua própria função no tema ou plugin. https://developer.wordpress.org/reference/functions/wp_mail/
  • 40. Ler dados de API wp_remote_post(); e wp_remote_get(); As duas funções recebem 2 parâmetros, a URL do endpoint que deseja ler e os argumentos, e retorna um array com o cabeçalho e conteúdo. https://codex.wordpress.org/Function_Reference/wp_remote_post https://codex.wordpress.org/Function_Reference/wp_remote_get
  • 41. Ler dados de API wp_safe_remote_post(); Esta função é ideal quando a solicitação HTTP está sendo feito para uma URL arbitrária. A URL é validada para evitar redirecionamento e falsificação de solicitação ataques. https://developer.wordpress.org/reference/functions/wp_safe_remote_post/
  • 42. Verifica usuário logado e redireciona auth_redirect(); Essa função verifica se o usuário está logado e caso não esteja ela redireciona ele para a página de login. Ela guarda a página que o usuário tentou acessar e redireciona ele de volta para ela quando ele faz o login. Esqueci dessa função ontem!
  • 43. Enviar json de resposta a solicitações AJAX wp_send_json_success( $data ); Envia um json como resposta a solicitações ajax. Você pode até usar json_decode(); do PHP, mas ai perde toda a mágica do WordPress.
  • 44. Recuperar os termos filhos de uma taxonamy get_term_children( $term, $taxonomy ); Função utilizada para recuperar o ID de todos os termos filhos de um deteminado termo de taxonomia.
  • 45. Tamanhos personalizados add_image_size ($name, $width, $height, $crop=null ); Cria um tamanho personalizado para o WordPress fazer o crop ou resize automaticamente após o upload das imagens. add_filter ( 'image_size_names_choose', 'my_custom_sizes'); Adiciona um tamanho personalizado na lista de tamanhos que aparece quando o usuário vai inserir uma imagem no post.
  • 46. Senta aqui, vamos conversar!