Introducción a los Hooks y creación de un plugin
4 recomendaciones390 vistas
El documento aborda el uso de ganchos en WordPress, explicando cómo estos permiten ejecutar funciones o modificar datos en momentos específicos durante la ejecución del programa. Se describen dos tipos de ganchos: action hooks y filter hooks, y se ofrecen pautas sobre cómo crear y organizar un plugin para utilizarlos de manera efectiva. Además, se recomienda evitar la inclusión de código directamente en functions.php y optar por la creación de un plugin para una mejor gestión del código.
Introducción a los Hooks y creación de un plugin
- 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
- 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
- 16. ¿Cómo crear nuestros hooks? #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
- 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