{"id":37880,"date":"2024-02-15T00:37:48","date_gmt":"2024-02-14T23:37:48","guid":{"rendered":"\/tutoriales\/?p=37880"},"modified":"2025-02-04T14:59:45","modified_gmt":"2025-02-04T13:59:45","slug":"add-filter-wordpress","status":"publish","type":"post","link":"\/es\/tutoriales\/add-filter-wordpress\/","title":{"rendered":"\u00bfQu\u00e9 son los filtros y c\u00f3mo usar add_filter en WordPress?"},"content":{"rendered":"

Un filtro de WordPress es un hook que manipula datos internos antes de que se muestren en el navegador. Para crear un filtro, añade la función add_filter<\/strong> en el archivo functions.php<\/strong> de tu sitio web.<\/p>

En el desarrollo de WordPress, los usuarios utilizan este filtro para modificar un plugin, un tema o una funcionalidad específica del sitio web. Por ejemplo, puedes cambiar la longitud del extracto de las entradas de tu sitio web o añadir una nota de pie de página a los artículos.<\/p>

En este tutorial de WordPress, explicaremos cómo usar la función add_filter<\/strong> para crear un hook de filtro. También exploraremos los parámetros de la función y proporcionaremos ejemplos de casos de uso comunes.<\/p>

<\/p>

\n \n \n <\/svg>\n

\n ¿Qué es un filtro de WordPress?\n <\/p>\n <\/div>\n

Un filtro de WordPress es un hook que modifica los datos antes de que sean devueltos a la base de datos y mostrados a los usuarios. Como resultado, puedes personalizar plugins, temas o la funcionalidad de sitios web sin alterar los archivos del núcleo de WordPress.

Por ejemplo, añadir un pie de página a todas las entradas del sitio web o cambiar la longitud de su extracto. Existen cuatro funciones de hook de filtro comunes: add_filter, remove_filter, has_filter<\/strong> y doing_filter<\/strong>.<\/p><\/div><\/p>

Cómo funcionan los filtros de WordPress<\/h2>

Los filtros interceptan los datos que pasa WordPress. Los modifican basándose en la función dada y los muestran a los navegadores web de los usuarios. Para ayudarte a entender, mira este fragmento:<\/p>

\/\/ Specify the filter and the callback function\n   add_filter( 'example_filter', 'example_callback' );\n   \/\/ Define the callback function\n   function example_callback( $example ) {\n      \/\/ alter $example by concatenating on it\n      $example . ‘ add a text at the end ’;\n      return $example;\n   }<\/pre>
He aquí la explicación del ejemplo:<\/p>
    \n
  1. Establece un filtro utilizando la función add_filter<\/strong> que modificará los datos. En nuestro caso, el nombre del filtro es example_filter<\/strong>.<\/li>\n\n\n\n
  2. Define la función callback que se ejecutará cuando WordPress encuentre el filtro, concretamente example_callback<\/strong>.<\/li>\n\n\n\n
  3. Especifica cómo la función callback modificará los datos, que el argumento $ejemplo<\/strong> representa. En el fragmento, utilizaremos el punto final para concatenar con una frase al final.<\/li>\n\n\n\n
  4. Muestra los datos modificados al navegador web del usuario utilizando el método return<\/strong>.<\/li>\n<\/ol>
    Para aplicar un hook de filtro a tu sitio web WordPress, escribe el código en el archivo functions.php<\/strong> de tu tema activo. Si utilizas el servicio de alojamiento WordPress<\/a> <\/strong>de Hostinger, abre el Administrador de archivos<\/strong> y ve a la carpeta public_html\/wp-content\/themes\/yourthemefolder.<\/strong><\/p>
    \"Archivo<\/figure>
    Además, te recomendamos que añadas el código al archivo de tu tema hijo<\/a> para evitar que desaparezca tras una actualización. Como alternativa, crea un archivo independiente para los hooks de filtro en la carpeta raíz del tema y escribe el siguiente código en el archivo functions.php para activarlo:<\/p>
    include _once( get_template_directory(), ‘\/yourfilename.php’:’<\/pre>
    Si no puedes acceder a la carpeta raíz del tema, instala un plugin<\/a> para añadir el código personalizado directamente desde el panel de administración de WordPress. Un plugin popular para esta tarea es Code Snippets<\/a>.<\/p>
    \n            \n                \n                    \n                <\/svg>\n                Important\n            <\/span>\n            
    \n                ¡Importante!<\/strong> Modificar el archivo functions.php<\/strong> puede provocar un error o un sitio web inaccesible. Para evitarlo, crea una copia de seguridad<\/strong> antes de proceder.\n            <\/p><\/div><\/p>
    Parámetros de add_filter de WordPress<\/h2>
    La función add_filter<\/strong> de WordPress tiene cuatro parámetros. Aquí está cada uno de ellos:<\/p>