Cómo añadir contenido al head de tu WordPress

Para añadir contenido al head de tu WordPress podemos utilizar uno de los hooks que proporciona el API de WordPress: wp_head.

El gancho wp_head es uno de los action hook más esenciales de WordPress. Se utiliza para añadir fragmentos de código y enlaces a los diferentes recursos en el header de la página. Se activa dentro de la sección <head></head> de un sitio web y se define en el archivo wp-includes/general-template.php. Pero ¡ojo! no siempre funciona. El hook wp_head depende de la función get_header y solo incluirá nuestras modificaciones en el caso de que el theme activo que estemos usando la utilice.

Para empezar vamos a crear una función nueva en el functions.php del theme activo, que añada a nuestra cabecera información sobre el autor de la página, una hoja de estilos CSS “estilos.css” y un archivo JavaScript “script.js“:

Como vemos en el código anterior, utilizamos varias funciones:

  • get_template_directory_uri: Recupera la ruta del directorio de la plantilla activa.
  • wp_register_style: Registra una hoja de estilos en WordPress.
  • wp_enqueue_style: Añade un archivo CSS a la cola del sistema de dependencias de WordPress.
  • wp_register_script: Registra un script en WordPress.
  • wp_enqueue_script: Añade un script a la cola del sistema de dependencias de WordPress.

Registrar los archivos CSS y JavaScript antes de encolarlos es un paso opcional, por lo que podríamos eliminarlos del código añadiendo la ruta de cada archivo en la función wp_enqueue correspondiente.

Para acabar, solo tenemos que crear la acción con add_action como vemos a continuación:

Esta acción podemos añadirla, tanto antes como después de la función “anadir_contenido_header“.

[Total:5    Promedio:5/5]