Italiano
Română
РусскийCómo agregar correctamente Javascript en functions.php
Me gustaría eliminar algunas flechas de aspecto desagradable que son estándar en los botones del carrito en WooCommerce. Para lograr esto, encontré un consejo de agregar el siguiente código, que debería eliminar las flechas cuando el documento se haya cargado.
¿Asumo que voy a ponerlo en mi functions.php? ¿Cómo haría eso exactamente?
$(document).ready(function() {
$(".woocommerce-cart").html(function(i, val) {
return val.replace(" →", "");
});
$(".woocommerce-cart").html(function(i, val) {
return val.replace("← ", "");
});
});
EDICIÓN
Bien. He probado este enfoque:
Creé un archivo llamado 'removeArrows.js' y lo coloqué en mi carpeta de plugins. Este tiene el mismo contenido que el código original, excepto jQuery en lugar de $. Luego agregué lo siguiente a functions.php:
function wpb_adding_scripts() {
wp_register_script('my_amazing_script', plugins_url('removeArrows.js', __FILE__), array('jquery'),'1.1', true);
wp_enqueue_script('my_amazing_script');
}
add_action( 'wp_enqueue_scripts', 'wpb_adding_scripts' );
No puedo descifrar cómo hacer que el código se muestre correctamente. Esto no funcionó. ¿Alguna sugerencia para hacer que esto funcione?
Muchas gracias por tu excelente consejo. Parece que este es el enfoque a utilizar. Sin embargo, tengo una pregunta; el archivo functions.php está en mi carpeta del tema. ¿Cómo enlazaría el archivo js si está en la misma carpeta raíz del tema?
user2806026
Debes mantener todo en un plugin o en un tema, no los dividas. Si estás en un tema, tu $scr sería get_template_directory_uri() . '/removeArrows.js' para temas principales, y get_stylesheet_directory_uri() . '/removeArrows.js' para temas hijos.
Pieter Goosen
Lo intenté nuevamente, esta vez agregando el archivo removeArrows.js directamente en la carpeta del tema y usando lo siguiente en functions.php: function wpb_adding_scripts() { wp_register_script('my_amazing_script', get_template_directory_uri() . '/removeArrows.js', FILE), array('jquery'),'1.1', true); wp_enqueue_script('my_amazing_script'); }
add_action( 'wp_enqueue_scripts', 'wpb_adding_scripts', 999 );
Esto me da un error de sintaxis: Parse error: syntax error, unexpected ',' en la línea de wp_register_script.
user2806026
get_template_directory_uri() . '/removeArrows.js', FILE) debería ser simplemente get_template_directory_uri() . '/removeArrows.js'
Pieter Goosen
No. Usé exactamente el código completo que editaste al final de tu publicación original. Lo único que hace es congelar la página del carrito al ver los contenidos. Creo que simplemente me rendiré :-) Un último intento: empezaste mencionando que get_template_directory_uri() es para temas padres, y luego en el código final completo dijiste que es para temas hijos. ¿Cuál es? Mi tema es padre :-)
user2806026
Sin embargo, esa no es la forma correcta de cargar JavaScript en WordPress. Consulta wp_enqueue_script() para obtener más información.
Pat J
Hola @PatJ, estoy de acuerdo, para cargar una biblioteca JS externa o un archivo JS con todas tus funciones de JavaScript, entonces sí, absolutamente sería la forma correcta. Sin embargo, si estás cargando un fragmento de JavaScript, no tiene sentido crear un archivo JS completamente nuevo y añadir una solicitud HTTP adicional solo para eso. Tomemos Google Analytics como ejemplo, en el 99% de los temas o desarrollos personalizados, el JS se agregará en el encabezado o pie de página a través de opciones del tema o el archivo de funciones. Es una práctica común incluir fragmentos de JS o incluso CSS de esta manera.
Matt Royal
"Práctica común" no significa que sea correcto, sin embargo. La documentación de wp_enqueue_script() incluso afirma Este es el método recomendado para vincular JavaScript a una página generada por WordPress.
Pat J
Si tomas el tema predeterminado twentyfourteen de WordPress, carga html5.js en el header.php. Se hace de esta manera por una razón, para verificar si el navegador cumple la condición de ser IE < 9, pero mi punto es que, si bien encolar es el método recomendado y preferido, dependiendo de todas las demás variables/circunstancias que rodean lo que intentas lograr, puede que no siempre sea el más práctico y creo que se debe usar cierto criterio. Mira, podría estar completamente equivocado en esta perspectiva también, me interesa escuchar lo que algunos de los tipos realmente experimentados tienen que decir :-)
Matt Royal
Gracias por tu gran sugerencia. Sin embargo, no puedo hacer que funcione; si agrego tu código dentro de la etiqueta <?php de mi functions.php obtengo un 'Parse error: syntax error, unexpected '<' in /somepath.../functions.php on line 1146'. Si lo agrego fuera de <?php, simplemente parece mostrar el código dado en la parte superior de la página. ¿Qué me estoy perdiendo aquí?
user2806026
No recomendaría "incrustar" el JavaScript en el pie de página de esta manera. Impide que se pueda desenganchar o modificar (al menos, fácilmente), lo cual es extremadamente importante en el desarrollo de plugins y temas. Si eres el usuario final de un sitio y necesitas un script rápido o algo así, adelante, pero incluso en ese caso, wp_enqueue_script() es casi siempre universalmente mejor y más flexible.
Xhynk
En la época en que el OP publicó, los desarrolladores sí usaban jQuery y JavaScript indistintamente. No es para nada preciso, pero así de popular era jQuery y de cuántas características le faltaban a JavaScript.
Rocky Kev