Taller de WordPress avanzado | #EBE11

6,744 views

Published on

Taller de WordPress avanzado para #EBE11

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

No Downloads
Views
Total views
6,744
On SlideShare
0
From Embeds
0
Number of Embeds
1,211
Actions
Shares
0
Downloads
363
Comments
0
Likes
21
Embeds 0
No embeds

No notes for slide

Taller de WordPress avanzado | #EBE11

  1. 1. ¿avanzado? Rafael Poveda - RaveNWP Official Consultant / Developer / Translator Consultor comunicación digital @bi0xid | @mecus
  2. 2. 11 BE#E ¿avanzado? Rafael Poveda - RaveN WP Official Consultant / Developer / Translator Consultor comunicación digital @bi0xid | @mecus
  3. 3. ¿Qué es un usuario avanzado?
  4. 4. WP 2.3 “Dexter”
  5. 5. WP 2.3 “Dexter”Lunes, 24 de Septiembre de 2007En WP 2.3, un usuario avanzado era aquel que sabía poner un gravatar. En WP 2.3 las novedades fueron: Etiquetas Notificaciones Pendiente de revisión La barra avanzada de TinyMCE
  6. 6. WP 2.3 “Dexter”Lunes, 24 de Septiembre de 2007
  7. 7. WP 2.3 “Dexter”Lunes, 24 de Septiembre de 2007
  8. 8. WP 2.3 “Dexter”Lunes, 24 de Septiembre de 2007
  9. 9. WP 2.3 “Dexter”Lunes, 24 de Septiembre de 2007
  10. 10. WP 2.3 “Dexter”Lunes, 24 de Septiembre de 2007
  11. 11. WP 2.8 “Baker”
  12. 12. WP 2.8 “Baker” 10 de Junio de 2009En WP 2.8, lo avanzado era montar un tipo de datos
  13. 13. WP 2.8 “Baker” 10 de Junio de 2009
  14. 14. WP 3.0 “Thelonius”
  15. 15. WP 3.0 “Thelonius” 17 de Junio de 2010 En WP 3.0, un usuario avanzado era el que sabíamontar una red de blogs (se complicó con el cambio desde WP MU) y la internacionalizaciónVamos a dar también un poco de contexto histórico. WP 3.0 apareció un poco después del primer iPad.
  16. 16. WP 3.0 “Thelonius” 3 de Abril de 2010 17 de Junio de 2010
  17. 17. WP 3.0 “Thelonius” 3 de Abril de 2010 17 de Junio de 2010
  18. 18. WP 3.0 “Thelonius” 17 de Junio de 2010
  19. 19. WordPress hoy día:
  20. 20. 60.000.000 blogs / sitios
  21. 21. 17.000+ plugins233.000.000 descargas
  22. 22. 1.450+ temas40.000.000 descargas
  23. 23. 160+exclusivos WP.com Más Woothemes, más themeforest... 21premium WP.com
  24. 24. 209.525.000.000combinaciones únicas entre plugins y temas
  25. 25. Instalar pluginsEn WP hoy día instalar plugins está en la mano de cualquier usuario. Un buscador simple, fácil, rápido y seguro. (En vídeo)
  26. 26. Instalar temas Instalar temas es igual. Tenemos la gran ventaja deque también podemos subir un plugin o tema en .zip (es como se sirven casi todos los temas premium)
  27. 27. WordPress es hoy día lo que es gracias a: jQuery (la plataforma de javascript que hace que todo funcione como nos gusta, arrastrando y soltando)Jane Wells (@janeforshort), experta en experiencia de usuario Andrew Nacin (@nacin), uno de los mejores programadores del mundoDaryl Koopersmith (@darylkoop), un visionario que introdujo muchas nuevas ideas (los temas elásticos) Hugo Baeta (@hugobaeta), introdujo muchas ideas sobre navegación en distintas plataformas (browsehappy.com)
  28. 28. Y llegamos a WordPress 3.3
  29. 29. WordPress 3.3-beta3
  30. 30. WordPress 3.3-beta3
  31. 31. Usuario avanzado
  32. 32. Usuario avanzado Usuario final de una aplicación con un conocimiento considerablemente mayor que el usuario final común, aunque no sea capaz de realizar tareas no orientadas a la aplicación como programar
  33. 33. Usuario avanzado Usuario final de una aplicación con un conocimiento considerablemente mayor que el usuario final común, aunque no sea capaz de realizar tareas no orientadas a la aplicación como programar Un usuario que no es programador pero que es experto en un proceso
  34. 34. Hay usuarios avanzados, y usuarios PRO. Los usuarios pro son de dos tipos:El que modifica CSS, como David Karp (fundador de Tumblr) El que modifica PHP, como Matt Mullenweg (WordPress) Y también existe el que hace las dos cosas.
  35. 35. La diferencia entre un CSS PRO (izquierda) y un PHP PRO (derecha)
  36. 36. Existe un cuarto tipo, los Wranglers.Son los que trabajan para Automattic.
  37. 37. Wrangler [ran-glar]sustantivo 1. Pendenciero, disputador, amigo de disputas; originalmente, argumentador, defensor de una tesis. 2. En la Universidad de Cambridge, Inglaterra, el alumno que obtiene el primer grado en los exámenes de matemáticasustantivo 3. Vaquero, cowboy. (Estados Unidos)
  38. 38. Wrangler [ran-glar]sustantivo 1. Pendenciero, disputador, amigo de disputas; originalmente, argumentador, defensor de una tesis. 2. En la Universidad de Cambridge, Inglaterra, el alumno que obtiene el primer grado en los exámenes de matemáticasustantivo 3. Vaquero, cowboy. (Estados Unidos)
  39. 39. Wrangler [ran-glar]sustantivo 1. Pendenciero, disputador, amigo de disputas; originalmente, argumentador, defensor de una tesis. 2. En la Universidad de Cambridge, Inglaterra, el alumno que obtiene el primer grado en los exámenes de matemáticasustantivo 3. Vaquero, cowboy. (Estados Unidos)
  40. 40. Entonces, diferenciamos entre usuario avanzado (el que sabe cambiar temas en WP.com, por ejemplo) Y el que se dedica a hacer modificaciones de CSS. En WP.com sólo hay cabida para los CSS PRO.
  41. 41. Muchos temas ya vienen preparados para pequeños cambios.
  42. 42. Un ejemplo de efectos de tocar la CSS de un Twenty Ten
  43. 43. Plugins en WordPress.com
  44. 44. Plugins en WordPress.com
  45. 45. ¿Cuál es la potencia de WP.com?Muchos sitios están en WP.com. Por precio, por seguridad, por tranquilidad...
  46. 46. Todos los “PRO” de WP estamos tan centrados en nuesta plataforma, que parece que tengamos unalentilla puesta. No somos capaces a veces de ver má ´s allá.¿Cuál es tu cobertura en WP.org en comparación con WP.com? Que eres Juan Palomo.
  47. 47. En WP.org puedes: Buscarte un temaConstruir un tema desde cero => Utiliza Toolbox. Es un tema mantenido por Automattic sobre el que trabajar con CSS Hacer un tema hijo O utilizar temas premium
  48. 48. http://www.onextrapixel.com/2011/03/08/how-to-code-a- wordpress-3-0-theme-from-scratch/
  49. 49. http://www.onextrapixel.com/2011/03/08/how-to-code-a- wordpress-3-0-theme-from-scratch/
  50. 50. http://www.onextrapixel.com/2011/03/08/how-to-code-a- wordpress-3-0-theme-from-scratch/
  51. 51. /*Theme Name: Tema hijoTheme URI: http://temahijo.com/Description: Tema hijo de Twenty Ten para WordPressAuthor: MecusAuthor URI: http://mecus.es/Template: twentytenVersion: 0.1.0*/
  52. 52. /*Theme Name: Tema hijoTheme URI: http://temahijo.com/Description: Tema hijo de Twenty Ten para WordPressAuthor: MecusAuthor URI: http://mecus.es/Template: twentytenVersion: 0.1.0*/
  53. 53. La gran ventaja: los plugins.Tienes todos los que quieras.
  54. 54. Y las programaciones ad-hoc
  55. 55. Un consejo: haz plugins. Convierte todo lo que programes en plugins reutilizables (Aquí va un video explicativo) 1) Crea un directorio en la carpeta /plugins/ 2) Crea un archivo .php dentro de esa carpeta3) Añade la cabecera que encontrarás en http:// codex.wordpress.org/Writing_a_Plugin 4) Añade tu códigoAsí podrás reutilizarlo como plugin siempre que quieras.
  56. 56. Así podrás activar y desactivar tu código siempre que quieras
  57. 57. Lo que en realidad necesita tu proyecto en WP.org es un ¿arquitecto de la información? ¿Por qué se llama arquitecto cuando lo que hace es diseñar un organigrama?
  58. 58. Estas son las cosas que se me vienen a la mentecuando pienso en un “Arquitecto de la Información”
  59. 59. Organizar lainformación ≠ Arquitecto
  60. 60. No necesitas un arquitecto.Necesitas un diseñador de interfaces. Alquien que tenga en cuenta la experiencia de tu usuario.Que lo enganche. Que haga que se mantenga en lapágina. Que se entretenga. Que se divierta. Qu sea fácil de usar.
  61. 61. User eXperience / User Interface
  62. 62. User eXperience / User Interface
  63. 63. Hay dos tipos de interfaces. Las de vuestros clientes,y la de los clientes de vuestros clientes. Hay que cuidar las dos.
  64. 64. Una trampa que se puede utilizar en 3.3 ahora es que podemos minimizar el número de clicks que se utilizan en la interfaz.Esto es posible porque la administración de WP tiene programas específicos para cada dispositivo móvil Y para la interfaz de cliente de cliente, no son necesarias. Abrid http://pilarastola.es y reducid la pantalla, veréis cómo se adapta.
  65. 65. La regla de Oro: Cualquier usuario tiene que sercapaz de llegar a cualquier sitio de la web en cinco clicks.Se debe mantener la navegabilidad del sitio, añadir relacionados, valor añadido...Hay veces que se consigue y, como en el último, que el cliente decide que prefiere otro tipo de navegabilidad.Se considera un éxito poder llegar a cualquier sitio en tres clicks.
  66. 66. Recursos para usuarios avanzado
  67. 67. Los temas premium merecen la pena
  68. 68. Son muy configurables
  69. 69. Los temas hijos permiten que se realicen cambiosrápidos, y que no se pierdan las novedades de los nuevos sistemas.
  70. 70. Territorio Plugin
  71. 71. Jetpack
  72. 72. Jetpack
  73. 73. Jetpack
  74. 74. Login with AJAX
  75. 75. Login with AJAX
  76. 76. Private WP Suite
  77. 77. Private WP Suite
  78. 78. qTranslate
  79. 79. qTranslate
  80. 80. qTranslateslug plugin widget
  81. 81. qTranslateslug plugin widget
  82. 82. Ultimate Post Type Manager
  83. 83. Ultimate Post Type Manager
  84. 84. Ultimate Post Type Manager
  85. 85. Google XML Sitemaps
  86. 86. Google XML Sitemaps
  87. 87. flickrRSS
  88. 88. flickrRSS
  89. 89. WP Mail SMTP
  90. 90. WP Mail SMTP
  91. 91. WordPress DB Backup
  92. 92. WordPress DB Backup
  93. 93. WP-Pagenavi
  94. 94. WP-Pagenavi
  95. 95. WP Super Cache
  96. 96. WP Super Cache
  97. 97. W3 Total Cache
  98. 98. W3 Total Cache
  99. 99. User Photo
  100. 100. User Photo
  101. 101. Subscribe to comments
  102. 102. Subscribe to comments
  103. 103. Newsletter
  104. 104. Newsletter
  105. 105. Antispam Bee
  106. 106. Antispam Bee
  107. 107. Adminimize
  108. 108. Adminimize
  109. 109. WP Minify
  110. 110. WP Minify
  111. 111. WP Minify
  112. 112. Disable WP Updates
  113. 113. Disable WP Updates
  114. 114. Limit post revision
  115. 115. Limit post revision
  116. 116. jQuery Lightbox For Native Galleries
  117. 117. jQuery Lightbox For Native Galleries
  118. 118. jQuery Lightbox For Native Galleries
  119. 119. Twitter blog plugin
  120. 120. Twitter blog plugin
  121. 121. WP Touch
  122. 122. WP Touch
  123. 123. OnSwipe
  124. 124. OnSwipe
  125. 125. OnSwipe
  126. 126. Grunion Contact Form
  127. 127. Grunion Contact Form
  128. 128. Grunion Contact Form
  129. 129. Grunion Contact Form
  130. 130. VideoPress
  131. 131. VideoPress
  132. 132. VideoPress
  133. 133. Geolocation
  134. 134. Geolocation
  135. 135. HyperDB
  136. 136. HyperDB
  137. 137. Syntax Highlighter Evolved
  138. 138. Syntax Highlighter Evolved
  139. 139. Sharedaddy
  140. 140. Sharedaddy
  141. 141. AddtoAny
  142. 142. AddtoAny
  143. 143. Share This
  144. 144. Share This
  145. 145. Share This
  146. 146. Share This
  147. 147. After the Deadline
  148. 148. After the Deadline
  149. 149. Intense Debate
  150. 150. Intense Debate
  151. 151. WP LaTeX
  152. 152. WP LaTeX
  153. 153. WP LaTeX
  154. 154. Polldaddy
  155. 155. Polldaddy
  156. 156. Draft notifier
  157. 157. WordPress MU Domain MappingEs el único plugin que necesita que se mueva un archivo de sitio.
  158. 158. WordPress MU Domain Mapping
  159. 159. WordPress MU Domain Mapping
  160. 160. WordPress MU Domain Mapping
  161. 161. WordPress MU Domain Mapping define( SUNRISE, on );
  162. 162. WP Multisite
  163. 163. WP Multisitedefine(WP_ALLOW_MULTISITE,true);
  164. 164. Otros buenos usos
  165. 165. Otros buenos usos define(EMPTY_TRASH_DAYS,7);define(WP_ALLOW_REPAIR,true);
  166. 166. Otros buenos usos define(EMPTY_TRASH_DAYS,7);define(WP_ALLOW_REPAIR,true); /wp-admin/maint/repair.php
  167. 167. Para usuarios manazas...
  168. 168. Para usuarios manazas...define(DISALLOW_FILE_EDIT,true);define(DISALLOW_FILE_MODS,true);
  169. 169. BuddyPress
  170. 170. BuddyPress
  171. 171. @bi0xid @mecus @mecus/teamraven@mecus.es

×