CMS Woocommerce

Añadir JavaScript al Head en WordPress

Cómo añadir un script en la cabecera de WordPress

Debido a los sistemas de seguridad que tiene este CMS, insertar un script directamente, puede ser un auténtico dolor de cabeza.

El motivo es que WordPress escapa algunos caracteres críticos, de tal manera que tras insertar el script y revisar el código fuente, podemos encontrarnos con que tan sólo ha cargado las etiquetas de apertura y cierre (<script></script>)

Pero por fortuna, la solución, más allá de instalar algún plugin, es bastante sencilla:

Editamos el functions.php de nuestro tema activo y añadimos lo siguiente:

function my_custom_js() {
    echo '<script type="text/javascript" src="myjsfile.js"></script>';
}
// Este primer hook (add_action) nos permite mostrar el script en la parte privada de la web
add_action('admin_head', 'my_custom_js');
// Este otro lo hará visible en la parte pública
add_action('wp_head', 'my_custom_js');

Donde myjsfile.js será el nombre y ruta del archivo que contendrá las funciones javascript que queramos insertar.

Y los hooks inferiores habilitan dónde se mostrará. Podemos añadir uno o los dos, según convenga.

 

¿Has conseguido solucionar tu problema? ¡Cuéntanoslo! 

Cristian Sarabia Martínez

Desde que a principios de los 90 mi padre desempolvó su Spectrum, no he dejado de probar y experimentar con la tecnología.

Enamorado del mundo web, Full Stack Developer de profesión y diseñador por devoción.

Ahora hago mis pinitos en esto del blogging para compartir con vosotros un poquito de todo lo que la comunidad me ha dado.

Escribir comentario

Haz clic aquí para dejar tu comentario