Wordcamp Caguas - Anatomía de un Wordpress Theme

1,272 views

Published on

Esta es la presentacion que utilice de apoyo para mi conferencia en Wordcamp Caguas 2011 http://2011.caguas.wordcamp.org/

Published in: Education
  • Be the first to comment

Wordcamp Caguas - Anatomía de un Wordpress Theme

  1. 1. Anatomíade un Wordpress ThemeJames LynnWordcamp Caguas 2011
  2. 2. Un poco sobre lo que hago•  Profesor de diseño gráfico y web en la Escuela Internacional de Diseño de la Universidad del Turabo•  Presidente de piedra papel y tijera, Inc.•  Tecnetico.com•  Interactive Advertising Bureau de Puerto Rico•  Internet Society Puerto Rico Chapter•  Social Media Club de Puerto Rico•  Intelica profesor de web•  AdiestraTech•  Grammy•  Red de Educadores Puertoriqueños•  Puerto Rico Broadband Taskforce
  3. 3. RAZONES PARA CREARUN THEME
  4. 4. De la gráfica al códigoDISEÑO
  5. 5. Partimos de un diseño
  6. 6. Partimos de un diseño header encabezado
  7. 7. Partimos de un diseño header encabezado navegación
  8. 8. Partimos de un diseño header encabezado navegación sidebar barras laterales
  9. 9. Partimos de un diseño header encabezado navegación sidebar barras laterales content contenido principal
  10. 10. Partimos de un diseño header encabezado navegación sidebar barras laterales content contenido principal footer el pie
  11. 11. LAS PARTES
  12. 12. Los files
  13. 13. Los files
  14. 14. •  header.php•  sidebar.php•  content loop •  index.php •  page.php •  404.php•  footer.php•  style.css (el diseño)
  15. 15. From bitmaps to code
  16. 16. html
  17. 17. css
  18. 18. php
  19. 19. php
  20. 20. header.php
  21. 21. header.php
  22. 22. ReferenciasPARA CREAR UN THEME
  23. 23. Wordpress codex•  http://codex.wordpress.org/ Theme_Development•  http://codex.wordpress.org/ Blog_Design_and_Layout•  http://codex.wordpress.org/ Using_Themes•  http://codex.wordpress.org/ Theme_Frameworks
  24. 24. wp-content/themes
  25. 25. Theme info en style.css
  26. 26. Theme thumbnail
  27. 27. index.php
  28. 28. header.php
  29. 29. header.php
  30. 30. index.php
  31. 31. sidebar.php
  32. 32. sidebar.php
  33. 33. footer.php
  34. 34. footer.php
  35. 35. style.css
  36. 36. theme files•  header.php •  category.php•  sidebar.php •  tags.php•  index.php •  footer.php•  page.php •  functions.php•  single.php •  style.css (el•  comments.php diseño)•  404.php•  archive.php
  37. 37. theme files
  38. 38. FRAMEWORKS
  39. 39. Wordpress frameworksSon themes diseñados para ser una base flexible para desarrollar sobre ella.Nos permite desarrollar un website en Wordpress con mayor rapidez
  40. 40. Frameworks•  Thematic•  Carrington•  ThemeHybrid•  Canvas•  Elemental•  WP Framework
  41. 41. Thematic
  42. 42. Carrington
  43. 43. WP Framework
  44. 44. y qué me cuentan…¿PREGUNTAS?
  45. 45. SíguemeBlog: www.jameslynn.comTwitter: @jameslynnFacebook.com/JamesJLynn

×