Taller de WordPress avanzado para #EBE11

1. ¿avanzado?
Rafael Poveda - RaveN
WP Official Consultant / Developer / Translator
Consultor comunicación digital
@bi0xid | @mecus

2. 11
BE
#E
¿avanzado?
Rafael Poveda - RaveN
WP Official Consultant / Developer / Translator
Consultor comunicación digital
@bi0xid | @mecus

4. ¿Qué es un usuario avanzado?

6. WP 2.3 “Dexter”

7. WP 2.3 “Dexter”
Lunes, 24 de Septiembre de 2007
En 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

8. WP 2.3 “Dexter”
Lunes, 24 de Septiembre de 2007

9. WP 2.3 “Dexter”
Lunes, 24 de Septiembre de 2007

10. WP 2.3 “Dexter”
Lunes, 24 de Septiembre de 2007

11. WP 2.3 “Dexter”
Lunes, 24 de Septiembre de 2007

12. WP 2.3 “Dexter”
Lunes, 24 de Septiembre de 2007

14. WP 2.8 “Baker”

15. WP 2.8 “Baker”
10 de Junio de 2009
En WP 2.8, lo avanzado era montar un tipo de datos

16. WP 2.8 “Baker”
10 de Junio de 2009

18. WP 3.0 “Thelonius”

19. WP 3.0 “Thelonius”
17 de Junio de 2010
En WP 3.0, un usuario avanzado era el que sabía
montar una red de blogs (se complicó con el cambio
desde WP MU) y la internacionalización
Vamos a dar también un poco de contexto histórico.
WP 3.0 apareció un poco después del primer iPad.

20. WP 3.0 “Thelonius” 3 de Abril de 2010
17 de Junio de 2010

21. WP 3.0 “Thelonius” 3 de Abril de 2010
17 de Junio de 2010

22. WP 3.0 “Thelonius”
17 de Junio de 2010

24. WordPress hoy día:

25. 60.000.000
blogs / sitios

27. 17.000+
plugins
233.000.000
descargas

29. 1.450+
temas
40.000.000
descargas

31. 160+
exclusivos WP.com
Más Woothemes, más themeforest...
21
premium WP.com

33. 209.525.000.000
combinaciones únicas
entre plugins y temas

35. Instalar plugins
En 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)

37. Instalar temas
Instalar temas es igual. Tenemos la gran ventaja de
que también podemos subir un plugin o tema en .zip
(es como se sirven casi todos los temas premium)

39. 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 mundo
Daryl 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)

46. Y llegamos a WordPress 3.3

47. WordPress 3.3-beta3

48. WordPress 3.3-beta3

50. Usuario avanzado

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

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

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

59. La diferencia entre un CSS PRO (izquierda) y un
PHP PRO (derecha)

62. Existe un cuarto tipo, los Wranglers.
Son los que trabajan para Automattic.

63. 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ática
sustantivo
3. Vaquero, cowboy. (Estados Unidos)

64. 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ática
sustantivo
3. Vaquero, cowboy. (Estados Unidos)

65. 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ática
sustantivo
3. Vaquero, cowboy. (Estados Unidos)

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

71. Muchos temas ya vienen preparados para pequeños
cambios.

74. Un ejemplo de efectos de tocar la CSS de un
Twenty Ten

79. Plugins en WordPress.com

80. Plugins en WordPress.com

82. ¿Cuál es la potencia de WP.com?
Muchos sitios están en WP.com. Por precio,
por seguridad, por tranquilidad...

85. Todos los “PRO” de WP estamos tan centrados en
nuesta plataforma, que parece que tengamos una
lentilla 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.

89. En WP.org puedes:
Buscarte un tema
Construir 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

91. http://www.onextrapixel.com/2011/03/08/how-to-code-a-
wordpress-3-0-theme-from-scratch/

92. http://www.onextrapixel.com/2011/03/08/how-to-code-a-
wordpress-3-0-theme-from-scratch/

93. http://www.onextrapixel.com/2011/03/08/how-to-code-a-
wordpress-3-0-theme-from-scratch/

96. /*
Theme Name: Tema hijo
Theme URI: http://temahijo.com/
Description: Tema hijo de Twenty Ten para WordPress
Author: Mecus
Author URI: http://mecus.es/
Template: twentyten
Version: 0.1.0
*/

97. /*
Theme Name: Tema hijo
Theme URI: http://temahijo.com/
Description: Tema hijo de Twenty Ten para WordPress
Author: Mecus
Author URI: http://mecus.es/
Template: twentyten
Version: 0.1.0
*/

100. La gran ventaja: los plugins.
Tienes todos los que quieras.

103. Y las programaciones ad-hoc

105. 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 carpeta
3) Añade la cabecera que encontrarás en http://
codex.wordpress.org/Writing_a_Plugin
4) Añade tu código
Así podrás reutilizarlo como plugin siempre que
quieras.

107. Así podrás activar y desactivar tu código
siempre que quieras

110. 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?

115. Estas son las cosas que se me vienen a la mente
cuando pienso en un “Arquitecto de la Información”

120. Organizar la
información
≠
Arquitecto

122. 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 la
página. Que se entretenga. Que se divierta. Qu sea
fácil de usar.

123. User eXperience / User Interface

124. User eXperience / User Interface

126. Hay dos tipos de interfaces.
Las de vuestros clientes,
y la de los clientes de vuestros clientes.
Hay que cuidar las dos.

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

133. La regla de Oro: Cualquier usuario tiene que ser
capaz 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.

139. Recursos para usuarios avanzado

142. Los temas premium merecen la pena

145. Son muy configurables

147. Los temas hijos permiten que se realicen cambios
rápidos, y que no se pierdan las novedades de los
nuevos sistemas.

153. Territorio Plugin

155. Jetpack

156. Jetpack

157. Jetpack

159. Login with AJAX

160. Login with AJAX

162. Private WP Suite

163. Private WP Suite

165. qTranslate

166. qTranslate

168. qTranslateslug plugin widget

169. qTranslateslug plugin widget

171. Ultimate Post Type Manager

172. Ultimate Post Type Manager

173. Ultimate Post Type Manager

175. Google XML Sitemaps

176. Google XML Sitemaps

178. flickrRSS

179. flickrRSS

181. WP Mail SMTP

182. WP Mail SMTP

184. WordPress DB Backup

185. WordPress DB Backup

187. WP-Pagenavi

188. WP-Pagenavi

190. WP Super Cache

191. WP Super Cache

193. W3 Total Cache

194. W3 Total Cache

196. User Photo

197. User Photo

199. Subscribe to comments

200. Subscribe to comments

202. Newsletter

203. Newsletter

205. Antispam Bee

206. Antispam Bee

208. Adminimize

209. Adminimize

211. WP Minify

212. WP Minify

213. WP Minify

215. Disable WP Updates

216. Disable WP Updates

218. Limit post revision

219. Limit post revision

221. jQuery Lightbox For Native Galleries

222. jQuery Lightbox For Native Galleries

223. jQuery Lightbox For Native Galleries

225. Twitter blog plugin

226. Twitter blog plugin

228. WP Touch

229. WP Touch

231. OnSwipe

232. OnSwipe

233. OnSwipe

235. Grunion Contact Form

236. Grunion Contact Form

237. Grunion Contact Form

238. Grunion Contact Form

240. VideoPress

241. VideoPress

242. VideoPress

244. Geolocation

245. Geolocation

247. HyperDB

248. HyperDB

250. Syntax Highlighter Evolved

251. Syntax Highlighter Evolved

253. Sharedaddy

254. Sharedaddy

256. AddtoAny

257. AddtoAny

259. Share This

260. Share This

261. Share This

262. Share This

264. After the Deadline

265. After the Deadline

267. Intense Debate

268. Intense Debate

270. WP LaTeX

271. WP LaTeX

272. WP LaTeX

274. Polldaddy

275. Polldaddy

277. Draft notifier

279. WordPress MU Domain Mapping
Es el único plugin que necesita que se mueva un
archivo de sitio.

280. WordPress MU Domain Mapping

281. WordPress MU Domain Mapping

282. WordPress MU Domain Mapping

283. WordPress MU Domain Mapping
define( 'SUNRISE', 'on' );

285. WP Multisite

286. WP Multisite
define('WP_ALLOW_MULTISITE',true);

288. Otros buenos usos

289. Otros buenos usos
define('EMPTY_TRASH_DAYS',7);
define('WP_ALLOW_REPAIR',true);

290. Otros buenos usos
define('EMPTY_TRASH_DAYS',7);
define('WP_ALLOW_REPAIR',true);
/wp-admin/maint/repair.php

292. Para usuarios manazas...

293. Para usuarios manazas...
define('DISALLOW_FILE_EDIT',true);
define('DISALLOW_FILE_MODS',true);

295. BuddyPress

296. BuddyPress

299. @bi0xid
@mecus
@mecus/team
raven@mecus.es