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

1. Anatomía
de un Wordpress Theme
James Lynn
Wordcamp Caguas 2011

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. RAZONES PARA CREAR
UN THEME

4. De la gráfica al código
DISEÑO

5. Partimos de un diseño

6. Partimos de un diseño
header
encabezado

7. Partimos de un diseño
header
encabezado
navegación

8. Partimos de un diseño
header
encabezado
navegación
sidebar
barras laterales

9. Partimos de un diseño
header
encabezado
navegación
sidebar
barras laterales
content
contenido
principal

10. Partimos de un diseño
header
encabezado
navegación
sidebar
barras laterales
content
contenido
principal
footer
el pie

11. LAS PARTES

12. Los files

13. Los files

14. • header.php
• sidebar.php
• content loop
• index.php
• page.php
• 404.php
• footer.php
• style.css (el diseño)

15. From bitmaps to code

16. html

17. css

18. php

19. php

20. header.php

21. header.php

22. Referencias
PARA CREAR UN THEME

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. wp-content/themes

26. Theme info en style.css

27. Theme thumbnail

29. index.php

30. header.php

31. header.php

32. index.php

33. sidebar.php

34. sidebar.php

35. footer.php

36. footer.php

37. style.css

39. 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

40. theme files

42. FRAMEWORKS

43. Wordpress frameworks
Son themes diseñados para ser una base
flexible para desarrollar sobre ella.
Nos permite desarrollar un website en
Wordpress con mayor rapidez

44. Frameworks
• Thematic
• Carrington
• ThemeHybrid
• Canvas
• Elemental
• WP Framework

45. Thematic

46. Carrington

47. WP Framework

48. y qué me cuentan…
¿PREGUNTAS?

49. Sígueme
Blog: www.jameslynn.com
Twitter: @jameslynn
Facebook.com/JamesJLynn