Presentación del taller de plugins de Rocío Valdivia en la WordCamp Spain de 2010.

1. Taller de Plugins
Rocío Valdivia
@_DorsVenabili
WP Official Consultant
BuddyPress Evangelist

2. ¿Qué es un plugin y para qué sirve?
Wikipedia: Es una aplicación que se relaciona con otra para aportarle
una función nueva y generalmente muy especifica. Esta aplicación
adicional es ejecutada por la aplicación principal e interactúan por
medio de la API.

3. Algunos ejemplos

4. El plugin más sencillo: Hello Dolly

5. Que necesitamos (I)
Herramientas:
Editor de texto
Cliente FTP
Navegador
Instalación de WordPress
Firebug (Opcional)

6. Que necesitamos (II)
Documentación:
http://codex.wordpress.org/
Plugin_Resources
http://codex.wordpress.org/
Plugin_API/Action_Reference
http://codex.wordpress.org/
Plugin_API/Filter_Reference

7. Que vamos a hacer (I)

8. Que vamos a hacer (II)

9. Donde vamos a trabajar

10. Creamos el directorio y el archivo

11. Vamos a darle nombre

12. Creamos una funcion sencilla

13. Conceptos básicos: Hooks (Ganchos)
Los hooks han sido creados para
permitir a los plugins
“engancharse” al resto de
WordPress. Es decir, tú decides
cuándo o dónde se ejecutará tu
plugin.
http://codex.wordpress.org/Plugin_API

14. Tipos de Hooks (ganchos)
Actions:
Los actions son los ganchos que el núcleo de
WordPress lanza en puntos específicos durante la
ejecución o cuando algún evento específico ocurre. A
través de la API, tu plugin puede especificar que una o
más de sus funciones sean ejecutadas en esos puntos.

15. Ejemplos de action hooks
widgets_init wp_head loop_start
the_post loop_end get_sidebar
get_footer admin_menu admin_footer
http://codex.wordpress.org/
Plugin_API/Action_Reference

16. Tipos de hooks (II)
Filters:
Los filters son los ganchos que WordPress lanza
para modificar información en tiempo de
ejecución. Tu plugin puede especificar que una o
más de sus funciones sea ejecutada para
modificar la información del filter elegido.

17. Ejemplos de filter hooks
get_the_excerpt the_content the_tags
the_title get_categories comment_edit_pre
http://codex.wordpress.org/
Plugin_API/Filter_Reference

18. Añadimos nuestra función al hook (gancho) elegido

20. Creando una página de opciones

21. Nuestra primera página de opciones

22. Creamos un formulario con unas opciones simples

23. Y ahora, comprobamos y guardamos en la BD

24. Y ya tenemos creada nuestra página de opciones

25. Cómo accedemos a las opciones guardadas en
nuestra página de opciones

26. Y le damos un valor por defecto por si no rellenamos
los campos en la página de opciones

27. Y listo, mostramos al final de cada post la imagen con las
dimensiones elegidas en nuestra recién creada página de
opciones

28. Creando un plugin (II): Nuestro primer widget

29. Formulario de opciones del widget

30. Y por último, lo enganchamos al hook

31. Lo metemos en el sidebar y ya tenemos listo nuestro
primer widget :)

32. Todo es empezar, en vuestra
imaginación están los límites.

33. Taller de Plugins
Muchas gracias :)
Rocío Valdivia
@_DorsVenabili
WP Official Consultant
BuddyPress Evangelist