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!