Rethinking Themes - Mecus

4,267 views

Published on

Presentación para la WordCamp Spain 2010 - 11 de Diciembre de 2010.

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

No Downloads
Views
Total views
4,267
On SlideShare
0
From Embeds
0
Number of Embeds
2,050
Actions
Shares
0
Downloads
53
Comments
0
Likes
5
Embeds 0
No embeds

No notes for slide
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • Rethinking Themes - Mecus

    1. 1. Rethinking themes Rafael Poveda <RaveN> WP Official Consultant WP Evangelist
    2. 2. Rethinking themes Rafael Poveda <RaveN> WP Official Consultant WP Evangelist
    3. 3. ¿Qué sabemos de WordPress?
    4. 4. Poniéndonos en situación (1)
    5. 5. Poniéndonos en situación (1)Junio 2001
    6. 6. Poniéndonos en situación (1)Junio 2001 Michel Valdrighi
    7. 7. Poniéndonos en situación (1) creaJunio 2001 Michel Valdrighi
    8. 8. Poniéndonos en situación (1) creaJunio 2001 Michel Valdrighi
    9. 9. Poniéndonos en situación (1) creaJunio 2001 Michel ValdrighiJunio 2002
    10. 10. Poniéndonos en situación (1) creaJunio 2001 Michel ValdrighiJunio 2002 Matt Mullenweg
    11. 11. Poniéndonos en situación (1) creaJunio 2001 Michel Valdrighi usaJunio 2002 Matt Mullenweg
    12. 12. Poniéndonos en situación (1) creaJunio 2001 Michel Valdrighi usa ogramaJunio 2002 Matt Mullenweg pr
    13. 13. Poniéndonos en situación (1) creaJunio 2001 Michel Valdrighi usa ogramaJunio 2002 Matt Mullenweg pr05/11/2002 0.6.1
    14. 14. Poniéndonos en situación (1) creaJunio 2001 Michel Valdrighi usa ogramaJunio 2002 Matt Mullenweg pr05/11/2002 0.6.1 • BD/MySQL
    15. 15. Poniéndonos en situación (1) creaJunio 2001 Michel Valdrighi usa ogramaJunio 2002 Matt Mullenweg pr05/11/2002 0.6.1 • BD/MySQL • querystring
    16. 16. Poniéndonos en situación (1) creaJunio 2001 Michel Valdrighi usa ogramaJunio 2002 Matt Mullenweg pr05/11/2002 0.6.1 • BD/MySQL • querystring • xmlrpc (eXtended Markup Language - Remote Procedure Call)
    17. 17. Poniéndonos en situación (1) creaJunio 2001 Michel Valdrighi usa ogramaJunio 2002 Matt Mullenweg pr05/11/2002 0.6.1 • BD/MySQL • querystring • xmlrpc (eXtended Markup Language - Remote Procedure Call) • usa template tags (the_title(); the_content();)
    18. 18. Poniéndonos en situación (1) creaJunio 2001 Michel Valdrighi usa ogramaJunio 2002 Matt Mullenweg pr05/11/2002 0.6.1 • BD/MySQL • querystring • xmlrpc (eXtended Markup Language - Remote Procedure Call) • usa template tags (the_title(); the_content();) • permite parámetros (index.php?s=mecus)
    19. 19. Poniéndonos en situación (y 2)
    20. 20. Poniéndonos en situación (y 2)Enero 2003
    21. 21. Poniéndonos en situación (y 2)Enero 2003
    22. 22. Poniéndonos en situación (y 2)Enero 2003
    23. 23. Poniéndonos en situación (y 2)Enero 2003
    24. 24. Poniéndonos en situación (y 2) Enero 200327/03/2003
    25. 25. Poniéndonos en situación (y 2) Enero 200327/03/2003
    26. 26. Poniéndonos en situación (y 2) Enero 200327/03/2003 +
    27. 27. Poniéndonos en situación (y 2) Enero 200327/03/2003 +
    28. 28. Poniéndonos en situación (y 2) Enero 200327/03/2003 + =
    29. 29. Poniéndonos en situación (y 2) Enero 200327/03/2003 + = 0.7
    30. 30. Cuánto hemos cambiado
    31. 31. Cuánto hemos cambiado
    32. 32. Esto es un blog
    33. 33. Esto es un blog
    34. 34. Esto es un blog Antes el sistema era más limitado
    35. 35. Esto es un blog Antes el sistema era más limitado Y más simple:
    36. 36. Esto es un blog Antes el sistema era más limitado Y más simple: • Titular
    37. 37. Esto es un blog Antes el sistema era más limitado Y más simple: • Titular • Escribir
    38. 38. Esto es un blog Antes el sistema era más limitado Y más simple: • Titular • Escribir • Publicar
    39. 39. Esto es un blog Antes el sistema era más limitado Y más simple: • Titular • Escribir • Publicar
    40. 40. WordPress: Mucho más que blogs
    41. 41. WordPress: Mucho más que blogsWordPress es un CMS (Content Management System)
    42. 42. WordPress: Mucho más que blogsWordPress es un CMS (Content Management System)Puede ser un blog
    43. 43. WordPress: Mucho más que blogsWordPress es un CMS (Content Management System)Puede ser un blog O puede ser cualquier otra cosa
    44. 44. WordPress: Mucho más que blogsWordPress es un CMS (Content Management System)Puede ser un blog O puede ser cualquier otra cosaDepende de la arquitectura de la información
    45. 45. Arquitectura de la información
    46. 46. Arquitectura de la información
    47. 47. Arquitectura de la información
    48. 48. Arquitectura de la información
    49. 49. Arquitectura de la información
    50. 50. Arquitectura de la información
    51. 51. Algunos ejemplos
    52. 52. Algunos ejemplos
    53. 53. Algunos ejemplos
    54. 54. Algunos ejemplos
    55. 55. Algunos ejemplos
    56. 56. Algunos ejemplos
    57. 57. Algunos ejemplos
    58. 58. Algunos ejemplos
    59. 59. Algunos ejemplos
    60. 60. Algunos ejemplos
    61. 61. Algunos ejemplos
    62. 62. Algunos ejemplos
    63. 63. Algunos ejemplos
    64. 64. Cómo es WordPress
    65. 65. Cómo es WordPress
    66. 66. Cómo es WordPressWordPress
    67. 67. Cómo es WordPressWordPress Plugins
    68. 68. Cómo es WordPress ThemeWordPress Plugins
    69. 69. Frameworks (1)
    70. 70. Frameworks (1)Es un conjunto estandarizado de conceptos,prácticas y criterios para enfocar un tipo de problemaparticular.
    71. 71. Frameworks (1)Es un conjunto estandarizado de conceptos,prácticas y criterios para enfocar un tipo de problemaparticular.Es una estructura conceptual y tecnológica desoporte.Incluye programas y bibliotecas que ayudan aldesarrollo.
    72. 72. Frameworks (y 2)
    73. 73. Frameworks (y 2)Por qué usar frameworks
    74. 74. Frameworks (y 2)Por qué usar frameworks SEO
    75. 75. Frameworks (y 2)Por qué usar frameworks SEO WP sigue el 100% de las recomendaciones
    76. 76. Frameworks (y 2)Por qué usar frameworks SEO WP sigue el 100% de las recomendaciones 88% automáticas - 12% usuario
    77. 77. Frameworks (y 2)Por qué usar frameworks SEO WP sigue el 100% de las recomendaciones Orden 88% automáticas - 12% usuario
    78. 78. Frameworks (y 2)Por qué usar frameworks SEO WP sigue el 100% de las recomendaciones Orden 88% automáticas - 12% usuario Sencillez
    79. 79. Frameworks (y 2)Por qué usar frameworks SEO WP sigue el 100% de las recomendaciones Orden 88% automáticas - 12% usuario Sencillez Facilidad de uso
    80. 80. Recuerda: esto es GPL
    81. 81. Recuerda: esto es GPLTodo lo que hagamos utilizando frameworks está sujetoa la licencia gpl (y por extensión, a las libertades delSoftware Libre).
    82. 82. Recuerda: esto es GPLTodo lo que hagamos utilizando frameworks está sujetoa la licencia gpl (y por extensión, a las libertades delSoftware Libre).0. Libertad de usar el programa con cualquier propósito
    83. 83. Recuerda: esto es GPLTodo lo que hagamos utilizando frameworks está sujetoa la licencia gpl (y por extensión, a las libertades delSoftware Libre).0. Libertad de usar el programa con cualquier propósito1. Libertad de estudiar cómo funciona el programa yadaptarlo a tus necesidades (el acceso al código fuenteestá implícito)
    84. 84. Recuerda: esto es GPLTodo lo que hagamos utilizando frameworks está sujetoa la licencia gpl (y por extensión, a las libertades delSoftware Libre).0. Libertad de usar el programa con cualquier propósito1. Libertad de estudiar cómo funciona el programa yadaptarlo a tus necesidades (el acceso al código fuenteestá implícito)2. Libertad de distribuir copias
    85. 85. Recuerda: esto es GPLTodo lo que hagamos utilizando frameworks está sujetoa la licencia gpl (y por extensión, a las libertades delSoftware Libre).0. Libertad de usar el programa con cualquier propósito1. Libertad de estudiar cómo funciona el programa yadaptarlo a tus necesidades (el acceso al código fuenteestá implícito)2. Libertad de distribuir copias3. Libertad de mejorar el programa y hacer públicas lasmejoras (el acceso al código fuente está implícito)
    86. 86. Uso de Frameworks (1)
    87. 87. Uso de Frameworks (1)Los frameworks ofrecen muchas posibilidades, a la vezque cargan el sistema.
    88. 88. Uso de Frameworks (1)Los frameworks ofrecen muchas posibilidades, a la vezque cargan el sistema.Debemos hacer un ejercicio de consultoría:
    89. 89. Uso de Frameworks (1)Los frameworks ofrecen muchas posibilidades, a la vezque cargan el sistema.Debemos hacer un ejercicio de consultoría: • ¿Cuáles son nuestras necesidades?
    90. 90. Uso de Frameworks (1)Los frameworks ofrecen muchas posibilidades, a la vezque cargan el sistema.Debemos hacer un ejercicio de consultoría: • ¿Cuáles son nuestras necesidades? • ¿Qué es prescindible?
    91. 91. Uso de Frameworks (1)Los frameworks ofrecen muchas posibilidades, a la vezque cargan el sistema.Debemos hacer un ejercicio de consultoría: • ¿Cuáles son nuestras necesidades? • ¿Qué es prescindible?Los típicos frameworks son utilizados por los que nosaben demasiada programación (o no quieren saberla).
    92. 92. atahualpa (1)
    93. 93. atahualpa (1)
    94. 94. atahualpa (1)268 opciones
    95. 95. atahualpa (1)268 opciones 4 barras laterales
    96. 96. atahualpa (1)268 opciones 4 barras lateralesSEO
    97. 97. atahualpa (1)268 opciones 4 barras lateralesSEO Permite programación por apartados
    98. 98. atahualpa (1)268 opciones 4 barras lateralesSEO Permite programación por apartadosCabeceras personalizables
    99. 99. atahualpa (1)268 opciones 4 barras lateralesSEO Permite programación por apartadosCabeceras personalizables Fijo o elástico
    100. 100. atahualpa (1)268 opciones 4 barras lateralesSEO Permite programación por apartadosCabeceras personalizables Fijo o elásticoMenús
    101. 101. atahualpa (1)268 opciones 4 barras lateralesSEO Permite programación por apartadosCabeceras personalizables Fijo o elásticoMenús ...
    102. 102. atahualpa (1)268 opciones 4 barras lateralesSEO Permite programación por apartadosCabeceras personalizables Fijo o elásticoMenús ...
    103. 103. carrington
    104. 104. carrington
    105. 105. carrington
    106. 106. carrington
    107. 107. hybrid
    108. 108. hybrid
    109. 109. hybrid
    110. 110. thematic
    111. 111. thematic
    112. 112. thematic
    113. 113. mystique
    114. 114. mystique
    115. 115. mystique
    116. 116. thesis
    117. 117. thesis
    118. 118. atahualpa (y 2)
    119. 119. atahualpa (y 2)
    120. 120. atahualpa (y 2)
    121. 121. atahualpa (y 2)
    122. 122. Uso de Frameworks (y 2)
    123. 123. Uso de Frameworks (y 2)Los frameworks van perdiendo sentido en WP 2.9+
    124. 124. Uso de Frameworks (y 2)Los frameworks van perdiendo sentido en WP 2.9+Todas las funcionalidades se añade por plugins ywidgets
    125. 125. Uso de Frameworks (y 2)Los frameworks van perdiendo sentido en WP 2.9+Todas las funcionalidades se añade por plugins ywidgets ¿Por qué crear si podemos modificar?
    126. 126. Los temas hijos
    127. 127. Los temas hijosExiste desde WP 2.8+
    128. 128. Los temas hijosExiste desde WP 2.8+Los temas hijos son temas que heredan del padre suaspecto y sus funcionalidades.
    129. 129. Los temas hijosExiste desde WP 2.8+Los temas hijos son temas que heredan del padre suaspecto y sus funcionalidades. Si el padre se actualiza, no perdemos los cambios
    130. 130. Los temas hijosExiste desde WP 2.8+Los temas hijos son temas que heredan del padre suaspecto y sus funcionalidades. Si el padre se actualiza,Utilizando un tema hijo: no perdemos los cambios
    131. 131. Los temas hijosExiste desde WP 2.8+Los temas hijos son temas que heredan del padre suaspecto y sus funcionalidades. Si el padre se actualiza,Utilizando un tema hijo: no perdemos los cambios • Sustituimos la información del padre
    132. 132. Los temas hijosExiste desde WP 2.8+Los temas hijos son temas que heredan del padre suaspecto y sus funcionalidades. Si el padre se actualiza,Utilizando un tema hijo: no perdemos los cambios • Sustituimos la información del padre • Ampliamos la información del padre
    133. 133. Cómo empezar:algoritmo de Darth Vader
    134. 134. Cómo empezar:algoritmo de Darth Vader
    135. 135. Modificando el tema (1)
    136. 136. Modificando el tema (1)
    137. 137. Modificando el tema (1)padre
    138. 138. Modificando el tema (1)padre hijo
    139. 139. Modificando el tema (1)padre hijo
    140. 140. Modificando el tema (1)padre hijo
    141. 141. Modificando el tema (1)padre hijo
    142. 142. Modificando el tema (1)padre hijo
    143. 143. Modificando el tema (2)
    144. 144. Modificando el tema (2)
    145. 145. Modificando el tema (2)
    146. 146. Modificando el tema (2)
    147. 147. Modificando el tema (2)
    148. 148. Modificando el tema (2)
    149. 149. Modificando el tema (y 3)
    150. 150. Modificando el tema (y 3)
    151. 151. Modificando el tema (y 3) añadimos funciones
    152. 152. Modificando el tema (y 3) añadimos funciones añadimos y modificamos estilo
    153. 153. Modificando el tema (y 3) añadimos funciones añadimos y modificamos estilo modificamos plantillas
    154. 154. ¿Y si quieres crear algo a medida?
    155. 155. Creando temas de forma elástica
    156. 156. Creando temas de forma elástica
    157. 157. Con WoWPth
    158. 158. Con WoWPth
    159. 159. Con WoWPth
    160. 160. Con WoWPth
    161. 161. Con templatr
    162. 162. Con templatrhttp://templatr.cc
    163. 163. Con templatrhttp://templatr.cc http://www.screencast.com/t/ktW9rPcCA
    164. 164. Con the wordpress starter theme
    165. 165. Con the wordpress starter themehttp://wpcandy.com/made/the-wordpress-starter-theme-project
    166. 166. Con the wordpress starter theme
    167. 167. Con the wordpress starter theme
    168. 168. Con WordPress Theme Generator
    169. 169. Con WordPress Theme Generatorhttp://www.yvoschaap.com/wpthemegen/
    170. 170. Con WordPress Theme Generatorhttp://www.yvoschaap.com/wpthemegen/ http://www.screencast.com/t/oMrlZItQ1IJ
    171. 171. ?
    172. 172. Rethinking themes Rafael Poveda <RaveN> WP Official Consultant WP Evangelist
    173. 173. Rethinking themes raven@mecus.es@bi0xid mecus.es raven.es Rafael Poveda <RaveN> WP Official Consultant WP Evangelist

    ×