Desenvolvendo o seu primeiro plugin WordPress

Oficina introdutória sobre o desenvolvimento de plugins para WordPress, apresentada no WordCamp São Paulo 2017.

Transcript

1. Desenvolvendo seu primeiro plugin Allyson Souza
2. Desenvolvendo seu primeiro plugin Allyson Souza
3. Frase em destaque, um ponto que você deseja ressaltar na sua apresentação Subtítulo
4. Apresentação Imagem transparente no plano de fundo sempre funciona.
5. Allyson Souza Tecnólogo em Jogos Digitais pela FATEC São Caetano do Sul, Designer e Programador. Co-fundador da Haste. Tem interesse por Design, Programação, Games e WordPress. Um dos organizadores do WordCamp São Paulo e meetups de WordPress da comunidade SP
6. Meus plugins do repositório oficial https://profiles.wordpress .org/allysonsouza#conte nt-plugins
7. Meus plugins do repositório oficial https://profiles.wordpress .org/allysonsouza#conte nt-plugins Primeiro plugin, obsoleto, necessita de uma refatoração geral Plugin ativo e com ótimo feedback dos usuários
8. Plugins desenvolvidos para clientes, não distribuídos pelo repositório oficial ou nenhum outro canal público.
9. Introdução O que é um plugin e por quê desenvolver um
10. O que é um plugin? Na informática, um plugin ou módulo de extensão (também conhecido por plug-in, add-in, add-on) é um programa de computador usado para adicionar funções a outros programas maiores, provendo alguma funcionalidade especial ou muito específica. Geralmente pequeno e leve, é usado somente sob demanda.
11. • Melhorar algum recurso do WordPress • Comercializar • Atender as demandas de um projeto interno • Contribuir com a comunidade no repositório oficial • Evitar de mexer no core do WordPress Por quê desenvolver um plugin?
12. Fundamentos Como funcionam os plugins no WordPress
13. Diretório Os plugins do WordPress são armazenados no diretório plugins. O plugin mais simples é um único arquivo .php, mas é possível ter plugins mais complexos em diretórios com múltiplos arquivos. wp-content plugins plugin-em-diretorio meu-plugin.php
14. Cabeçalho do plugin Para que o WordPress reconheça seu plugin, é necessário definir o cabeçalho no .php <?php /* Plugin Name: Nome do Plugin Plugin URI: https://wordpress.org/plugins/nome-do-plugin/ Description: Meu primeiro plugin WordPress! Version: 1.0 Author: Eu Author URI: https://wordpress.org/ License: GPL2 License URI: https://www.gnu.org/licenses/gpl-2.0.html Text Domain: meuplugin Domain Path: /languages */
15. Parabéns, você criou um plugin WordPress! 🤔
16. Hooks É preciso dizer no código do seu plugin onde você quer inserir algo ou o que você quer modificar. Para isso, existem os hooks (ganchos).
17. Hooks Os hooks permitem que declaremos em que momento um código do nosso plugin será executado ou que trecho ele modificará.
18. Anatomia de um hook É preciso associar uma função do seu plugin que será executada em um determinado momento, em um hook. add_action( 'nome_do_hook_wordpress', 'nome_da_sua_funcao_a_ser_executada', 10 ); function nome_da_sua_funcao_a_ser_executada() { ... }
20. Título do slide • Donec pede justo, • fringilla vel, aliquet nec, • vulputate eget, arcu. • In enim justo, rhoncus ut, • imperdiet a, venenatis
21. Fique a vontade para usar imagens. Imagem transparente no plano de fundo sempre funciona.
22. Eu sou pluginzeira(o)
23. Um código Para syntax highlight, use http://markup.su/hig hlighter\ <?php /* Plugin Name: Nome do Plugin Plugin URI: https://wordpress.org/plugins/nome-do-plugin/ Description: Meu primeiro plugin WordPress! Version: 1.0 Author: Eu Author URI: https://wordpress.org/ License: GPL2 License URI: https://www.gnu.org/licenses/gpl-2.0.html Text Domain: meuplugin Domain Path: /languages */
24. Outro código Para syntax highlight, use http://markup.su/highlighter\, copie e cole o código aqui. <?php if ( is_active_sidebar( 'sidebar-1' ) || is_archive() || is_search() || is_home() || is_page() ) { if ( ! ( is_page() && 'one-column' === get_theme_mod( 'page_options' ) ) && 767 <= $width ) { $sizes = '(max-width: 767px) 89vw, (max-width: 1000px) 54vw, (max-width: 1071px) 543px, 580px'; } } ?>
25. Fim! @wpsampa @seuscontatos