Si deseamos añadir un nuevo archivo CSS o JavaScript a nuestro tema de WordPress utilizaremos la funciones predefinidas wp_enqueue_style y wp_enqueue_script, que colocaremos en el archivo de funciones de nuestro tema activo.

En este ejemplo reunimos diferentes recursos en una misma función, pudiendo añadir todos los que sean necesarios.

function include_libraries(){

    wp_enqueue_style('style-custom', get_stylesheet_directory_uri().'/style-custom.css', array(), '1.0.0');
	
    wp_enqueue_script('script-custom', get_stylesheet_directory_uri().'/script-custom.js', array(), '1.0.0');
	
}

add_action('wp_enqueue_scripts', 'include_libraries');

Argumentos

wp_register_style( $handle, $src, $deps, $ver, $media );

  • $handle (string) (Obligatorio) – Id único del recurso. Te lo inventas.
  • $src (string) (Obligatorio) – Ruta del recurso.
  • $deps (array) (Opcional) Predeterminado: array() – Si el estilo que estamos registrando depende de otros estilos, utilizaremos el identificador ($handle).
  • $ver (string|bool|null) (Opcional) Predeterminado: false – La versión del recurso, utilizada principalmente para resetear caches cuando realicemos cambios.
  • $media (string) (Opcional) Predeterminado ‘all’ – Media type CSS.

wp_enqueue_script( $handle, $src, $deps, $ver, $footer );

Los parámetros son los mismos que en wp_register_style, excepto por el parámetro final $footer:

  • $footer es igual a false (valor predeterminado) el script se carga en el <head>.
  • $footer es igual a true el script se carga antes de </body>.

Si te ha sido de utilidad ¡deja un comentario! 🙂