Para agregar un Script en tu WordPress de la forma correcta, lo que tienes que hacer es crear una función en tu plugin de funcionalidades o en el function.php de tu theme. Dependiendo de con cual estés trabajando.
Se recomienda siempre hacerlo en un plugin de funcionalidades para no depender de tu theme, pero a veces por rapidez lo colocas en el funciont.php de tu theme. Pero ese se otro tema.
¿Cómo hacer esta función?
Lo puedes hacer en Generatewp en la sección de «registrer WordPress script», el cual te deje un enlace directo allí.
Y la otra forma es con el siguiente Snnipet de código:
// Register Script
function custom_scripts() {
wp_deregister_script( 'mr_load_script' );
wp_register_script( 'mr_load_script', 'http://tuweb.com/wp-content/themes/mitheme/assets/js/scripts.js', false, '1.0', false );
wp_enqueue_script( 'mr_load_script' );
}
add_action( 'wp_enqueue_scripts', 'custom_scripts' );
Veamos el código por partes
- Primero creamos la función y desregistramos un script antigüo. Esto si es que estamos modificando uno.
function custom_scripts() {
wp_deregister_script( 'mr_load_script' ); //Desregistramos un script antigüo
}
- Luego registramos nuestro script nuevo, con el mismo nombre. ‘mr_load_script’. Puede ser con el nombre que quieras, en este caso son mis iniciales mr (mariano rojo) Te recomiendo que sea descriptiva.
Las inciales se colocan para que evitar que choquen con otras funciones. - Colocamos la ruta de nuestro archivo: http://tuweb.com/wp-content/themes/assets/js/script.js (va a depender de donde lo hayas colocado)
function custom_scripts() {
wp_deregister_script( 'mr_load_script' ); //Desregistramos un script antigüo
wp_register_script( 'mr_load_script', 'http://tuweb.com/wp-content/themes/mitheme/assets/js/scripts.js', false, '1.0', false ); //Nuestro
}
- Luego encolamos el script con la función de WP wp_enqueue_script y le indicamos el nombre, en este caso wp_enqueue_script( ‘mr_load_script’ );
// Register Script
function custom_scripts() {
wp_deregister_script( 'mr_load_script' ); //Desregistramos un script antigüo
wp_register_script( 'mr_load_script', 'http://tuweb.com/wp-content/themes/mitheme/assets/js/scripts.js', false, '1.0', false ); //Registramos el script, y colocamos nuestra web
wp_enqueue_script( 'mr_load_script' ); //Encolar el script
}
- Y por último, le indicamos que agregue la función con el add_action de WordPress.
add_action( 'wp_enqueue_scripts', 'custom_scripts' );
Y listo, ya con eso tendría que cargarte el script que hayas creado en la ruta que hayas indicado.
Para comprobarlo, lo que tienes que hacer es ir al inspector del navegador y revisar que carguen los recursos.
Si buscas un presupuesto para un desarrollo de una academia virtual contactame.