WordPress como aliado do desenvolvedor front-end

394 views
330 views

Published on

Como o WordPress pode ser um grande aliado do desenvolvedor front-end e como tirar proveito disso.

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
394
On SlideShare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
3
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

WordPress como aliado do desenvolvedor front-end

  1. 1. como aliado do desenvolvedor FrontEnd terça-feira, 16 de julho de 13
  2. 2. LeandroVieira Sócio-Fundador e Diretor de Tecnologia da Apiki WordPress terça-feira, 16 de julho de 13
  3. 3. Participação de mercado mundial do WordPress.org 2010: 8.9% 2011: 14.7% 2012: 22%? 2017: 50%? terça-feira, 16 de julho de 13
  4. 4. O WordPress em sua terceira fase Plataforma de blog: Publicação de conteúdo CMS: Publicação de conteúdo Plataforma de Aplicação (out of the box) terça-feira, 16 de julho de 13
  5. 5. Quem está tirando proveito no Brasil e no Mundo? Apiki iMasters The NewYork Times E-Commerce Brasil Buscapé Company CNN Grupo Abril Grupo Estado VTEX ... terça-feira, 16 de julho de 13
  6. 6. terça-feira, 16 de julho de 13
  7. 7. http://cdn.devlup.com/wp-content/uploads/2011/08/html5_css_javascript.png terça-feira, 16 de julho de 13
  8. 8. Hierarquia de arquivos terça-feira, 16 de julho de 13
  9. 9. http://wptutsplus.s3.amazonaws.com/090_WPCheatSheets/WP_CheatSheet_TemplateMap.jpg terça-feira, 16 de julho de 13
  10. 10. http://wptutsplus.s3.amazonaws.com/090_WPCheatSheets/WP_CheatSheet_ThemeAnatomy.jpg terça-feira, 16 de julho de 13
  11. 11. Funções indispensáveis Quais são? O que fazem? Onde, como e quando usar? wp_head(); wp_footer(); body_class(); post_class(); wp_nav_menu(); terça-feira, 16 de julho de 13
  12. 12. wp_head(); SEMPRE usar; no header.php; antes do </head>. terça-feira, 16 de julho de 13
  13. 13. wp_head(); HTML terça-feira, 16 de julho de 13
  14. 14. wp_footer(); SEMPRE usar; no footer.php; antes do </body>. terça-feira, 16 de julho de 13
  15. 15. wp_footer(); HTML terça-feira, 16 de julho de 13
  16. 16. body_class(); SEMPRE usar; no header.php; como atributo da tag <body>. terça-feira, 16 de julho de 13
  17. 17. body_class(); HTML terça-feira, 16 de julho de 13
  18. 18. post_class(); SEMPRE usar; junto ao Loop do WordPress; como atributo da tag <div>. terça-feira, 16 de julho de 13
  19. 19. post_class(); HTML terça-feira, 16 de julho de 13
  20. 20. wp_nav_menu(); Uso recomendado; Navegação flexível e personalizada terça-feira, 16 de julho de 13
  21. 21. wp_nav_menu(); HTML terça-feira, 16 de julho de 13
  22. 22. wp_nav_menu(); Flexibilidade com classes inteligentes; Flexibilidade com marcação eficiente; Flexibilidade com código semântico. terça-feira, 16 de julho de 13
  23. 23. Marcações HTML diversas terça-feira, 16 de julho de 13
  24. 24. Sidebar e Widgets terça-feira, 16 de julho de 13
  25. 25. Listagem de comentários terça-feira, 16 de julho de 13
  26. 26. Formulário de comentário terça-feira, 16 de julho de 13
  27. 27. O que vem aí na versão 3.5? terça-feira, 16 de julho de 13
  28. 28. terça-feira, 16 de julho de 13
  29. 29. terça-feira, 16 de julho de 13
  30. 30. terça-feira, 16 de julho de 13
  31. 31. terça-feira, 16 de julho de 13
  32. 32. wp_enqueue_script(); wp_register_script(); wp_deregister_script(); wp_dequeue_script(); wp_localize_script(); terça-feira, 16 de julho de 13
  33. 33. wp_enqueue_script( ‘frontInBh-Script’, ‘http://www.frontinbh.com.br/assets/js/scripts_min.js’, array( ‘jquery’ ), ‘2012’, true ); terça-feira, 16 de julho de 13
  34. 34. Scriptaculous SWFObject SWFUpload ThickBox Tiny MCE Farbtastic (Color Picker) JSON for JS WP Editor WordPress Ajax ... terça-feira, 16 de julho de 13
  35. 35. wp_deregister_script( ‘jquery’ ); wp_register_script( ‘jquery’, ‘https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js’, array(), ‘1.7.2’ ); terça-feira, 16 de julho de 13
  36. 36. Arquivo nativo nas instalações do WordPress; Por padrão é feito o uso do jQuery.noConflict(); Evite conflitos e vários arquivos de uma mesma library. terça-feira, 16 de julho de 13
  37. 37. O CSS no WordPress se limita única e exclusivamente a sua criatividade. terça-feira, 16 de julho de 13
  38. 38. <link rel="stylesheet" type="text/css" media="all" href="<?php bloginfo( 'stylesheet_url' ); ?>" /> <link rel="stylesheet" type="text/css" media="all" href="<?php bloginfo( 'stylesheet_url' ); ?>?v=<?php echo filemtime( TEMPLATEPATH .‘/ style.css’ ); ?>" /> terça-feira, 16 de julho de 13
  39. 39. terça-feira, 16 de julho de 13
  40. 40. O WordPress está em sua terceira fase. E você em qual fase do WordPress está? terça-feira, 16 de julho de 13
  41. 41. Participação de mercado mundial do WordPress.org 2010: 8.9% 2011: 14.7% 2012: 22%? 2017: 50%? terça-feira, 16 de julho de 13
  42. 42. é aliado do desenvolvedor FrontEnd terça-feira, 16 de julho de 13
  43. 43. Obrigado! terça-feira, 16 de julho de 13

×