Saltar al contenido

Hooks wordpress

julio 15, 2022

Uso de ganchos en WordPress

¿Con qué frecuencia te encuentras buscando un hook de acción o de filtro? Es prácticamente cada vez que tienes que hacer un cambio. Ya sea al crear un plugin o un tema hijo. ¿No estás de acuerdo? Por ejemplo, digamos que tienes que cambiar la imagen destacada de un post dinámicamente. ¿Cómo lo harías?

Así que esto es lo que vamos a tratar de hacer. Intentaremos mostrar una imagen específica, con el id 4, para el post id 27. (Sólo un ejemplo, tus ids podrían ser diferentes si estás probando esto). Aquí hay algunos detalles adicionales. Digamos que el id actual de la imagen destacada para el post es 12.

La imagen destacada de una entrada se muestra en el frontend utilizando las funciones get_the_post_thumbnail o the_post_thumbnail. Estas funciones localizan el id de la imagen destacada de la entrada, y luego devuelven el código HTML para mostrar la imagen.

La correspondencia entre la imagen destacada y la entrada se almacena en la tabla wp_postmeta. La clave _thumbnail_id se utiliza para almacenar la asignación. El valor asociado a esta clave es el identificador de archivo adjunto de la imagen correspondiente.

Filtro de WordPress

Este paquete asume que su código se ejecutará en un entorno ES2015+. Si utilizas un entorno que tiene un soporte limitado o nulo para estas características y APIs del lenguaje, debes incluir en tu código el polyfill que se incluye en @wordpress/babel-preset-default.

En el ejemplo anterior, estamos creando una instancia personalizada del objeto Hooks y registrando los ganchos allí. El paquete también crea una instancia global por defecto a la que se puede acceder a través de las exportaciones con nombre defaultHooks, y sus métodos también se exportan por separado uno a uno.

  Blogger o wordpress

Una diferencia notable entre la API de hooks de JS y PHP es que en la versión de JS, addAction() y addFilter() también necesitan incluir un espacio de nombres como segundo argumento. El espacio de nombres identifica de forma única una llamada de retorno en la forma vendor/plugin/function.

En las construcciones no minificadas, los desarrolladores pueden registrar un filtro o acción que será llamado en todos los ganchos, por ejemplo: addAction( ‘all’, ‘namespace’, callbackFunction );. Útil para la depuración, el código que soporta el gancho all es eliminado del código de producción por razones de rendimiento.

Lista de ganchos de WordPress

Los hooks de WordPress vienen en dos sabores, hooks de acción y hooks de filtro: las acciones permiten llamar a ciertas funciones en la ejecución del tema y los filtros modifican (o sobrescriben completamente) cierto código pasado a una función o enviado a la pantalla del navegador.

Por ejemplo, con los ganchos de acción podrías añadir un trozo de código HTML a la cabecera en todas las páginas sin tener que tocar la plantilla header.php, por ejemplo, para mostrar una imagen. Un ejemplo más complejo sería mostrar una imagen en la cabecera de las páginas de categorías, teniendo una imagen diferente para cada categoría.

Algunos plugins requieren que se añada una llamada a una función PHP a los archivos de la plantilla. Breadcrumb NavXT es uno de ellos. Puede utilizar ganchos para añadir una función PHP sin tener que editar la plantilla. El ejemplo siguiente añadirá la función breadcrumb en el hook post_start de la página de una entrada.

Notarás algunas diferencias aquí en comparación con los hooks de acción. Por ejemplo, los filtros siempre reciben al menos una variable, y puedes modificar el contenido de esta variable, o como en el ejemplo anterior, descartarla devolviendo otra cosa. Veamos un ejemplo en el que también se devuelve la variable, junto con un parámetro extra, invirtiendo el orden de las entradas mostradas en una página de Categoría de Consulta:

  Que es svg

Acciones de WordPress

Saltar a la lista de todos los artículosAcerca del autorEste post invitado fue escrito por Jean-Baptiste Jung, un blogger de 28 años de Bélgica, que escribe sobre Desarrollo Web en Cats Who Code, sobre WordPress en …

Probablemente te hayas dado cuenta de que, por defecto, WordPress convierte las comillas normales en comillas “rizadas”, y hace otros pequeños cambios de formato cuando se muestra una entrada.Esto está muy bien para las personas que publican contenido normal, pero cualquiera que utilice su blog para hablar de código se sentirá molesto porque, al pegarlo en un editor de texto, el código con comillas rizadas devuelve errores de sintaxis.La solución.

Nuestro primer paso aquí fue crear una función que utiliza una expresión regular para encontrar el shortcode [raw] en el contenido de tus posts.Luego enganchamos nuestra función my_formatter() a la función the_content() de WordPress, lo que significa que my_formatter() ahora será llamada automáticamente cada vez que se llame a the_content().Para eliminar el formato automático, utilizamos la función remove_filter(), que te permite eliminar un gancho en una función específica.Fuente:2. Detectar el navegador del visitante utilizando un ganchoEl problema.

Esta web utiliza cookies propias para su correcto funcionamiento. Contiene enlaces a sitios web de terceros con políticas de privacidad ajenas que podrás aceptar o no cuando accedas a ellos. Al hacer clic en el botón Aceptar, acepta el uso de estas tecnologías y el procesamiento de tus datos para estos propósitos. Más información
Privacidad