Español
Română
РусскийCome aggiungere correttamente Javascript in functions.php
Vorrei rimuovere alcune frecce antiestetiche che sono standard sui pulsanti del carrello in WooCommerce. Per ottenere questo, ho trovato un suggerimento di aggiungere il seguente codice, che dovrebbe rimuovere le frecce quando il documento è stato caricato.
Suppongo di doverlo inserire nel mio functions.php? Come dovrei fare esattamente?
$(document).ready(function() {
$(".woocommerce-cart").html(function(i, val) {
return val.replace(" →", "");
});
$(".woocommerce-cart").html(function(i, val) {
return val.replace("← ", "");
});
});
MODIFICA
Ok. Ho provato questo approccio:
Ho creato un file chiamato 'removeArrows.js' e l'ho posizionato nella mia cartella dei plugin. Questo ha lo stesso contenuto del codice originale, eccetto jQuery invece di $. Poi ho aggiunto quanto segue 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' );
Non riesco a capire come far visualizzare correttamente il codice. Questo non ha funzionato. Avete suggerimenti per farlo funzionare?
Grazie mille per il tuo ottimo consiglio. Sembra l'approccio giusto da usare. Una domanda però; il functions.php è nella cartella del mio tema. Come dovrei collegare il file js se si trova nella stessa cartella radice del tema?
user2806026
Dovresti mantenere tutto in un plugin o in un tema, non dividerli. Se sei in un tema, il tuo $scr sarebbe get_template_directory_uri() . '/removeArrows.js' per i temi genitore, e get_templatestylesheet_directory_uri() . '/removeArrows.js' per i temi figlio
Pieter Goosen
Ho provato di nuovo, questa volta aggiungendo direttamente il removeArrows.js nella cartella del tema e usando quanto segue in 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 );
questo mi dà l'errore Parse error: syntax error, unexpected ',' sulla riga wp_register_script.
user2806026
get_template_directory_uri() . '/removeArrows.js', FILE) dovrebbe essere semplicemente get_template_directory_uri() . '/removeArrows.js'
Pieter Goosen
No. Ho usato il tuo codice completo che hai modificato alla fine del tuo post originale. L'unica cosa che fa è bloccare la pagina del carrello quando visualizzo i contenuti. Penso che mi arrenderò :-) Un ultimo tentativo però; hai iniziato dicendo che get_template_directory_uri() è per i temi genitore, e poi nel codice completo finale che è per i temi figlio. Qual è la verità? Il mio tema è un genitore :-)
user2806026
Non è il modo WordPress di caricare Javascript, però. Vedi wp_enqueue_script() per maggiori informazioni.
Pat J
Ciao @PatJ, sono d'accordo, per caricare una libreria JS esterna o un file JS con tutte le tue funzioni Javascript, allora sì assolutamente quello sarebbe il modo corretto. Tuttavia, se stai caricando uno snippet di Javascript, non ha senso creare un intero nuovo file JS e aggiungere una richiesta HTTP aggiuntiva solo per quello. Prendi Google Analytics come esempio, nel 99% dei temi o build personalizzati, il JS verrà aggiunto nell'header o nel footer tramite opzioni del tema o file functions. È una pratica comune includere snippet di JS o anche CSS in questo modo.
Matt Royal
"Pratica comune" non lo rende corretto, però. La wp_enqueue_script() docs afferma chiaramente Questo è il metodo raccomandato per collegare JavaScript a una pagina generata da WordPress.
Pat J
Se prendi il tema predefinito di WordPress twentyfourteen, carica html5.js nell'header.php. Certo, lo fa in questo modo per un motivo, ovvero per verificare se il browser soddisfa la condizione di essere IE < 9, ma il mio punto è che, sebbene l'enqueuing sia il metodo raccomandato e preferito, a seconda di tutte le altre variabili/circostanze legate a ciò che stai cercando di ottenere, potrebbe non sempre essere il più pratico e penso che si debba usare un po' di discrezione. Senti, potrei anche sbagliarmi completamente in questa visione, sono interessato a sentire cosa hanno da dire alcuni dei ragazzi davvero esperti :-)
Matt Royal
Grazie per il tuo ottimo suggerimento. Non riesco a farlo funzionare però; se aggiungo il tuo codice all'interno del tag <?php del mio functions.php ottengo un 'Parse error: syntax error, unexpected '<' in /somepath.../functions.php on line 1146'. Se lo aggiungo fuori dal <?php, sembra semplicemente echoare il codice dato in cima alla pagina. Cosa mi sfugge?
user2806026
Non consiglierei di "inserire" il JavaScript nel footer in questo modo. Ciò impedisce che possa essere disattivato o modificato (almeno facilmente), cosa estremamente importante nello sviluppo di plugin e temi. Se sei l'utente finale di un sito e hai bisogno di uno script rapido o qualcosa di simile, puoi farlo - ma anche in questo caso wp_enqueue_script() è quasi sempre universalmente migliore e più flessibile.
Xhynk
In quel periodo in cui l'OP ha postato, gli sviluppatori utilizzavano jQuery e JavaScript in modo intercambiabile. Non è affatto accurato, ma era un'indicazione di quanto jQuery fosse popolare e di quante funzionalità mancassero a JavaScript.
Rocky Kev