Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Desenvolva temas como um viking - ODIN framework

497 views

Published on

Palestra realizada no WordCampSP no dia 13/10/2018 - Com o Odin framework é fácil criar um tema do zero seguindo a hierarquia dos arquivos do WordPress e ainda poder criar post types, taxonomys e metaboxes de forma bem simples e por último alguns spoilers do Odin 3.x

Published in: Technology
  • Be the first to comment

  • Be the first to like this

Desenvolva temas como um viking - ODIN framework

  1. 1. Desenvolva temas como um viking - ODIN framework Jakeliny Gracielly Web Developer @jakelinygracielly | https://jakeliny.com.br
  2. 2. O que é? Odin é um framework desenvolvido pela comunidade @wpbrasil para chutar bundas auxiliar o desenvolvimento de temas para WordPress. http://wpod.in/
  3. 3. Por que um framework? ● Facilidade com o “chute Inicial” ● Arquivos essenciais ● Integração com WooCommerce ● Updates e melhorias constantes ● Fazer do zero sem medo http://wpod.in/
  4. 4. Como começar? http://wpod.in/
  5. 5. Como começar?
  6. 6. Como começar?
  7. 7. Configuração Inicial - Style.css?
  8. 8. Configuração Inicial - Style.css?
  9. 9. Configuração Inicial - Painel admin?
  10. 10. Onde Eu coloco meus códigos?
  11. 11. Onde Eu coloco meus códigos?
  12. 12. Onde Eu coloco meus códigos? https://gruntjs.com/getting-started
  13. 13. O que é possível fazer com esse framework?
  14. 14. Custom Post Type - function.php http://wpod.in/v2/Classe-Odin_Post_Type.html
  15. 15. Custom Post Type - function.php http://wpod.in/v2/Classe-Odin_Post_Type.html
  16. 16. Taxonomy - function.php http://wpod.in/v2/Classe-Odin_Taxonomy.html#instalacao
  17. 17. Taxonomy - function.php http://wpod.in/v2/Classe-Odin_Taxonomy.html#instalacao
  18. 18. Metaboxes - function.php http://wpod.in/v2/Classe-Odin_Metabox.html#instalacao
  19. 19. Metaboxes - function.php http://wpod.in/v2/Classe-Odin_Metabox.html#instalacao
  20. 20. Metaboxes - Quais campos estão disponíveis? ● editor ● image ● image_plupload ● upload ● color ● title ● separator http://wpod.in/v2/Classe-Odin_Metabox.html#instalacao ● text ● textarea ● input ● checkbox ● select ● radio
  21. 21. E o que mais eu consigo fazer? ● Formulários de contato ● Opções para perfis de usuários ● Opções para termos ● Opções para o Tema ● Shortcodes integrados ● Grunt ● Sass ● Personalizar o Admin http://wpod.in/guide/#o-que-e-o-odin
  22. 22. E o que mais eu consigo fazer? http://wpod.in/guide/#destaques
  23. 23. Spoiler - Odin 3.x ● Plugin Territory ● Guntenberg
  24. 24. OBRIGADA! Jakeliny Gracielly Web Developer @jakelinygracielly | https://jakeliny.com.br

×