Manejo de Hooks y Filtros en PHP para Extender Funcionalidades
Resumen
¿Cómo se integra código adicional en desarrollos de WordPress?
El mundo de WordPress ofrece maravillas en cuanto a la posibilidad de personalizar y ampliar tus sitios web a través de funciones específicas. Sin embargo, tocar el código fuente directamente puede resultar en errores o en la pérdida de tus cambios con actualizaciones futuras. Aquí exploraremos cómo agregar código propio de manera segura usando los hooks add_action y add_filter.
¿Qué es un hook y por qué es valioso?
Dentro del ecosistema de WordPress, los hooks son los puntos donde puedes "enganchar" o conectar tu código para modificar el comportamiento predeterminado sin modificar el código central del software. Hay dos tipos principales de hooks en WordPress:
Acciones (add_action): Permiten ejecutar código en momentos específicos durante la carga de WordPress. Ideal para tareas como mostrar notificaciones o ajustar configuraciones al vuelo.
Filtros (add_filter): Pueden modificar datos en tránsito, ofreciendo la habilidad de transformar o interpretar contenido antes de que se muestre a los usuarios.
¿Cómo implementar add_action en WordPress?
El uso de add_action permite ejecutar tu código extra en momentos clave durante los procesos de WordPress. A continuación, un ejemplo de cómo podrías usarlo en un archivo PHP:
En este caso, la función mi_function_ejemplo se ejecutará cuando se alcance el punto de wp_head, que es típico para añadir scripts o estilos en el encabezado de un tema.
¿Cómo aplicar add_filter para modificar contenido?
Los filtros difieren ligeramente de las acciones porque operan sobre datos específicos, permitiendo modificar, por ejemplo, el título de una publicación antes de que se muestre:
En este ejemplo, el filtro filtros_titulo precede un prefijo al título original. El filtro add_filter se engancha al propio WordPress en el paso de the_title.
Recomendaciones al utilizar hooks de WordPress
Para maximizar el potencial de los hooks y asegurar una implementación limpia y eficiente, considera algunos consejos:
Documentar tu código: Añadir comentarios detallados en tu código ayuda a otros desarrolladores (y a tu futuro yo) a entender lo que estás haciendo.
Probar en un entorno seguro: Antes de implementar cambios en un sitio en producción, pruébalos en un entorno de desarrollo.
Utilizar buenas prácticas de codificación: Sigue los estándares de codificación de WordPress para asegurar compatibilidad y legibilidad.
Integrar nuevo código a través de add_action y add_filter ofrece potentes posibilidades para expandir funciones sin comprometer la estabilidad y actualizabilidad de tu sitio. Prepárate para explorar, innovar y llevar tu desarrollo web al siguiente nivel. ¡Sigue aprendiendo y experimentando con estos elementos fundamentales de WordPress!
Son espacios dentro del codigo donde puedes ejecutar tus propias funciones, puedes ejecutar 2 tipos de hooks, action y filter
Action
Ejecuta una función en un lugar que especifiques sin retornar ningun valor.
Filter
Ejecuta la funcion recibiendo parametros procesandolos y retornandolos ya procesados
me gusta más tu resumen. Excelente servicio.
Buen resumen!
Tipos de hooks
Los hooks se dividen en dos tipos:
Action: Nos permite ejecutar una función personalizada en un punto específico del código fuente de WorPress, como por ejemplo, si queremos imprimir algún mensaje. se gestiona con una función llamada add.action el cual, va a ser referencia a un lugar del código fuente de Wordpress que va a estar marcado por un do.action y la va a ejecutar justo en ese lugar.
La forma de hacerlo generando la función php
Por ejemplo, vemos un “hola mundo” y la función add_action que hace referencia a una dirección dentro del código de Wordpress, en este cado es wp_head que va a ser el encabezado y luego, le vamos a pasar otro argumento que es un string que va a ser el nombre de la función. Simplemente, va a utilizar el nombre con un string.
El segundo tipo de hook es
Filter: Nos permite ejecutar una función personalizada en un determinado punto, pero la función que usemos tendrá un parámetro de entrada, dentro de nuestra función haremos modificaciones al parámetro y finalmente lo retornaremos modificado.
Esto lo va a hacer, tomando nuestro código propio usando la función de Wordpress add_filter va a ir a la dirección que va a estar marcada por apply:_filters dentro del código fuente y va a ejecutar el código, tomar esa función y la va a retornar modificada como hablábamos anteriormente.
La forma de hacerlo es generando una función php
En este ejemplo vemos como pasar un titulo a mayúsculas. Recibimos el title dentro del filtro. Ese title lo convertimos a mayúsculas y lo retornamos. Después, el add_filter va a tomar el hook como primer parámetro que va a ser la dirección donde va a ejecutarse esta función. En este caso es el hook de title y le pasamos un string con el nombre de la función.
Gracias!
¿Qué son los Hooks en WordPress?
Agregar código propio dentro del código fuente
Exactamente!
Yes yes
¿Qué son los Hooks en WordPress?
Son funciones de wordPress que nos van a permitir agregar código propio a su código fuente.
Tipos de Hooks
Action → Nos permite agregar código o alguna funcionalidad en el código fuente de wordPress.
Este funciona con una función llamada add_action el cual va a hacer referencia a un lugar del código fuente de wordPress que va ha estar marcado por un do_action y la va a ejecutar justo en ese lugar.
Filter → Funciona muy parecido al action pero además va a recibir un argumento de nuestra función, la cual podemos modificar y le podemos retornar.
Este funciona tomando nuestro código usando la función add_filter, va a ir a la dirección que va estar marca por un apply_filters dentro del código fuente, va a ejecutar el código, tomar esa función y retornarla modificada.
Hooks
Action: nos permite agregar codigo propio.
Filter: Nos permite ejecutar una funcion en un determinado punto.
Hooks
Permite agregar código propio a código fuente.
Se divide en:
**Action **=> Agrega código o alguna funcionalidad al código fuente de wordpress
funciona con add_action.
Recibe la parte del documento donde se generará y el nombre de la función en string.
**Filter **=> Recibe un argumento más que podemos modificar y retornar.
funciona con add_filter
Recibe la parte del documento que se modificara y el nombre de la función que la modificara en string
Hooks -> Nos permiten agregar nuestro código personalizado, al código fuente de Wordpress.
Tenemos los add_action, que ejecutan una función personalizada en un punto específico del código fuente de WP.
Y los add_filter() que hacen lo mismo que lo anterior pero nos permite ingresarle un parámetro de entrada.
los hooks nos permiten añadir codigo propio al codigo de wordpress
gracias
Una síntesis excelente.
Para los que tienen background de programación, el hook de Action nos permite usar funciones muy parecidas a las de tipo void() y el Filter nos permiten usar funciones que retornen algún tipo de dato, pero como es PHP y no manejamos tipado y especificación de datos solo se retorna el parámetro procesado. Es importante saber que WP utilza una arquitectura de eventos y procediminetos, por lo que estos 'hooks' nos ofrecen una interfaz para poder modificar los eventos y los procedimientos.
Aquí más información completa.
"... una arquitectura de eventos y procedimientos ..." creo es la 1ra vez que escucho esta referencia hablando de WordPress, interesante!
uuuuufffff eso de los hooks me dejo sin palabras es indispensable saber poner codigo en wordpress que mejor forma que esta
Estoy estudiando Marketing digital y caí aquí por decirlo de alguna manera buscando crear mi blog personal en wordpress sin embargo me salta una gran duda antes de continuar y es si estoy en el curso correcto o hay alguna ruta que debería seguir ya que no soy estudiante de sistemas ni algo relacionado. La primera vez en mi vida que me enfrente a html fue en el curso de SEO... Agradezco si me pueden orientar antes de terminar con migraña después de 3hs de no entender nada! Gracias!!
¡Hola!
Aunque no es necesario que tengas conocimientos en tecnologías web para lograr tu objetivo, yo te recomendaría al menos conocer lo básico.
Podrías seguir la ruta de Desarrollo con WordPress y así escalar poco a poco tu conocimiento de este CMS.
Un saludo.
Muchas gracias!!! así lo haré
quiero es Polo que dice Game of Code
WordPress, a diferencia de otros gestores de contenido, utiliza una arquitectura basada en eventos y procedimientos. Si quieres desarrollar tanto temas como plugins en este CMS, es esencial que aprendas a utilizar el sistema de hooks o ganchos.
Los ganchos o hooks en WordPress son puntos concretos y estratégicos dentro del core de WordPress que permiten añadir funcionalidades o modificar un comportamiento. Cuando la secuencia de carga llegue a ese punto concreto, se ejecuta la función que has “enganchado”.
En WordPress existen dos tipos de hooks: acciones (actions hooks) y filtros (filters hooks). Aunque se utilizan de la misma manera, el valor que devuelve cada uno es diferente.
Y aquí es cuando me pierdo porque no sé de php o Javascript :'v
Hola @mbautista95, si te recomiendo que tomes primero los cursos de Intrudoducción a PHP y el de Fundamentos de JavaScript, ya que te serán de bastante ayuda para entender un poco más acerca de este Gestor de Contenidos y no perderte en el curso. Nunca pares de aprender!
Action nos permite ejecutar una función personalizada en un punto específico del código fuente de Wordpress
Donde puedo aprender mas de hook
Hola, ¿Cómo estas?
Existen dos tipos de Hooks, los tipos Action y los Filters, los hooks de WordPress podrían definirse como ganchos o puntos de acceso en determinadas partes o ubicaciones del proceso de ejecución donde podemos engancharnos con nuestras propias funciones y alterar o modificar el comportamiento por defecto de dicho proceso y/o función, o simplemente modificar alguna variable o dato.
Algún ejemplo de mundo real donde podamos usar los Hooks de Acción y Filtrado?
Personalizando las páginas de WooCommerce para adecuarse a las necesidades del negocio en términos (por ejemplo) de diseño (UI/UX), la información a recabar del comprador, el proceso de checkout, entre otros.
Me han gustado las clases
Tipos de hooks
Los hooks se dividen en dos tipos:
Action: Nos permite ejecutar una función personalizada en un punto específico del código fuente de WorPress, como por ejemplo, si queremos imprimir algún mensaje. se gestiona con una función llamada add.action el cual, va a ser referencia a un lugar del código fuente de Wordpress que va a estar marcado por un do.action y la va a ejecutar justo en ese lugar.
La forma de hacerlo generando la función php
Por ejemplo, vemos un “hola mundo” y la función add_action que hace referencia a una dirección dentro del código de Wordpress, en este cado es wp_head que va a ser el encabezado y luego, le vamos a pasar otro argumento que es un string que va a ser el nombre de la función. Simplemente, va a utilizar el nombre con un string.
El segundo tipo de hook es
Filter: Nos permite ejecutar una función personalizada en un determinado punto, pero la función que usemos tendrá un parámetro de entrada, dentro de nuestra función haremos modificaciones al parámetro y finalmente lo retornaremos modificado.
Esto lo va a hacer, tomando nuestro código propio usando la función de Wordpress add_filter va a ir a la dirección que va a estar marcada por apply:_filters dentro del código fuente y va a ejecutar el código, tomar esa función y la va a retornar modificada como hablábamos anteriormente.
La forma de hacerlo es generando una función php
En este ejemplo vemos como pasar un titulo a mayúsculas. Recibimos el title dentro del filtro. Ese title lo convertimos a mayúsculas y lo retornamos. Después, el add_filter va a tomar el hook como primer parámetro que va a ser la dirección donde va a ejecutarse esta función. En este caso es el hook de title y le pasamos un string con el nombre de la función.
