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.

WordPress como aliado do desenvolvedor front-end

544 views

Published on

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

Published in: Technology
  • Be the first to comment

  • Be the first to like this

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

×