Esta presentación esta destinada a usuarios que tienen la necesidad o han empezado a personalizar el comportamiento de WordPress a través de código. El propósito es un mejor entendimiento de como funciona WordPress y como podemos hacer un mejor uso e implementación de nuestro código.

1. #wpvalencia
Lucy Tomás
WordPress Valencia
@_wpvalencia
http://wpvalencia.org
@_lucymtc
http://lucytomas.com
Web Engineer
Ejemplos:
https://gist.github.com/lucymtc/31f19e90a7657d5df12a9e559ca782b6

2. http://wayco.es/
+34 962 062 324
INFO@WAYCO.COM
Punto de encuentro de profesionales y pymes en el centro
de Valencia. Mucho más que coworking: el camino para
construir, compartir y colaborar
Agradecimientos a
#wpvalencia
@waycoideas

3. ¿Como funciona WordPress?
WordPress hace uso de un patrón conocido como Programación dirigida por eventos.
Durante el proceso del programa existen una serie de acciones suscritas a un evento determinado. Estas
acciones se ejecutan cuando el evento se produce en un momento determinado.
#wpvalencia
@_lucymtc

4. Es muy común ver esto en JavaScript.
Por ejemplo con jQuery:
#wpvalencia
Suscribimos una acción al evento ‘click’.
@_lucymtc

5. http://www.rarst.net/ #wpvalencia
WordPress ejecuta determinados eventos
en determinados momentos
en un orden determinado.
Nosotros podemos intervenir
en determinados puntos durante la propia
ejecución.
@_lucymtc

6. 2 Tipos de hooks (ganchos)
Action hook: Acciones. Nos permite ejecutar nuevas funciones en un momento determinado
#wpvalencia
Filter hook: Filtros. Nos permite modificar y manipular datos que van a ser utilizados por WordPress
en algún momento.
@_lucymtc

7. ¿Qué pinta tiene esto?
#wpvalencia
@_lucymtc

8. Ejemplos
#wpvalencia
@_lucymtc

9. #wpvalencia
@_lucymtc

10. #wpvalencia
@_lucymtc

11. #wpvalencia
@_lucymtc

12. Nota: Recomendado hacer uso de hook save_post_{$post_type}
#wpvalencia
@_lucymtc

13. ¿Como sé si hay un hook?
Más importante: busca en el core.
#wpvalencia
https://codex.wordpress.org/Plugin_API/Filter_Reference
https://codex.wordpress.org/Plugin_API/Action_Reference
@_lucymtc

14. Ejemplo en el core: wp-includes/media.php -> function get_image_tag()
#wpvalencia
@_lucymtc

15. #wpvalencia
@_lucymtc

16. ¿Cómo crear nuestros hooks?
#wpvalencia
@_lucymtc

17. #wpvalencia
@_lucymtc

18. #wpvalencia
@_lucymtc

19. Recordando nuestro metabox anterior donde llamamos a update_post_meta
#wpvalencia
@_lucymtc

20. Vamos a añadir un hook al actualizar el post meta.
Cualquiera podrá intervenir con:
add_action( ‘ejp_dato_extra_actualizado’, ‘function_al_actualizar_dato_extra’);
#wpvalencia
@_lucymtc

21. ¿Donde meto mi código?
#wpvalencia
No metamos todo en functions.php
@_lucymtc

22. Vamos a crear un plugin
#wpvalencia
@_lucymtc

23. Must Use Plugins
#wpvalencia
@_lucymtc

24. #wpvalencia
@_lucymtc

25. #wpvalencia
@_lucymtc

26. El mismo archivo en la carpeta de plugins/ en vez de mu-plugins/
permite tener opciones de activar & desactivar desde la lista principal de plugins.
#wpvalencia
@_lucymtc

27. Otras informaciones que podemos incluir.
#wpvalencia
@_lucymtc

28. En lugar de tener un archivo suelto, mejor meterlo en una carpeta.
De esta manera el plugin esta preparado para añadir en el futuro
cualquier archivo css, js, imágenes, etc

30. Fin