Come sovrascrivere i file JavaScript nel child theme?

Itemi figlio sovrascrivono soloi filephp (come header.php)inclusiin funzioni comeget_template_part oget_header,ecc.

Ilmodo correttoper aggiungere script a WordPress è con wp_enqueue_script . Seiltuotemaprincipale lo utilizza,puoi sovrascriverei file JS utilizzando wp_dequeue_script e accodandoiltuo.

In questomodo ...

 <?php
// hook in late to make sure the parent theme's registration 
// has fired so you can undo it. Otherwise the parent will simply
// enqueue its script anyway.
add_action('wp_enqueue_scripts', 'wpse26822_script_fix', 100);
function wpse26822_script_fix()
{
    wp_dequeue_script('parent_theme_script_handle');
    wp_enqueue_script('child_theme_script_handle', get_stylesheet_directory_uri().'/scripts/yourjs.js', array('jquery'));
}
 

Seiltemaprincipalenon utilizza wp_enqueue_script,probabilmente si sta collegando a wp_head (o wp_footer)per riprodurregli scriptpresenti. Quindi useresti remove_action per sbarazzarti di quellefunzioni chefannoeco agli scripte poi accodareiltuo script.

Se lo script è hardcodednelfilemodello,dovrai solo sostituire quelfilemodelloneltuo childtheme senzailtag script.

Se hanno utilizzato chiamate wp_enqueue_script che utilizzano get_stylesheet_directory_uri ,non dovrestifarenulla. Poiché questonon sta accadendo,dovrai solo curiosaree vedere cosa hafatto l'autore deltema.

Child themes only override php files (like header.php) that are included with functions like get_template_part or get_header, etc.

The correct way to add scripts to WordPress is with wp_enqueue_script. If your parent theme uses this, you can override the JS files by using wp_dequeue_script and enqueuing your own.

Like so...

<?php
// hook in late to make sure the parent theme's registration 
// has fired so you can undo it. Otherwise the parent will simply
// enqueue its script anyway.
add_action('wp_enqueue_scripts', 'wpse26822_script_fix', 100);
function wpse26822_script_fix()
{
    wp_dequeue_script('parent_theme_script_handle');
    wp_enqueue_script('child_theme_script_handle', get_stylesheet_directory_uri().'/scripts/yourjs.js', array('jquery'));
}

If the parent theme isn't using wp_enqueue_script, it's probably hooking into wp_head (or wp_footer) to echo out the scripts there. So you'd use remove_action to get rid of those functions echoing the scripts out, and then enqueue your own script.

If the script is hard coded into the template file, you'll just need to replace that template file in your child theme without the script tag.

If they used wp_enqueue_script calls that utilize get_stylesheet_directory_uri, then you shouldn't have to do anything. Since this isn't happening, you'll just have to poke around and see what the theme author did.

In alcuni casi èimportante dare lapriorità alle chiamate difunzione add_actione wp_enqueue_scriptin questomodo:

 add_action('wp_enqueue_scripts', 'wpse26822_script_fix', 20120207);
function wpse26822_script_fix()
{
    wp_dequeue_script('storefront-navigation');
    wp_enqueue_script('my_storefront-navigation', get_stylesheet_directory_uri().'/js/navigation.min.js', array('jquery'),20151110,true);
}
 

In questo caso,wp_enqueue_scripts è stato chiamato dalgenitore con unapriorità di 20120206 (la data)e quindi questa azione viene aggiunta con unapriorità appenamaggiorein modo che vengaimmediatamente rimossa dalla coda. Quindi,l'istruzioneenqueue che segue vieneeffettivamente assegnata lapriorità dopo quellapergarantire che venga caricata dopo che quella vecchia è stata rimossa dalla coda. Il vero,in questo caso è ancheimportanteperché specifica che deveessere accodatonelpiè dipagina,che èilpuntoin cui lo scriptgenitore è stato accodatoper laprima volta.

Inoltre,non riesco a spiegarlo completamente,ma honotato che se stai attento a rimuovere lo scriptinizialeimmediatamente dopo che è stato accodato,sembra chetupossaeffettivamenteimpedirneil caricamentoin primo luogo. >

In some cases it is important to prioritize both the add_action and the wp_enqueue_script function calls like so:

add_action('wp_enqueue_scripts', 'wpse26822_script_fix', 20120207);
function wpse26822_script_fix()
{
    wp_dequeue_script('storefront-navigation');
    wp_enqueue_script('my_storefront-navigation', get_stylesheet_directory_uri().'/js/navigation.min.js', array('jquery'),20151110,true);
}

In this case, wp_enqueue_scripts was called by the parent with a priority of 20120206 (the date) and so this action is added with a priority just barely greater so that it will immediately be dequeued. Then, the enqueue statement that follows that follows is actually prioritized after that to ensure that it loads after the old one was dequeued. The true, in this case is also important because that specifies that it is to be enqueued in the footer, which is where the parent script was first enqueued.

Also, I can't quite explain it entirely, but I notice that if you are careful with dequeuing the initial script immediately after it being enqueued, it seems you can effectively prevent it from loading in the first place.

chiama wp_deregister_script prima di registrare latua versione

call wp_deregister_script before register your own version

 // enqueue your required script file
add_action('wp_enqueue_scripts', 'your_child_theme_js_file_override');
function your_child_theme_js_file_override(){
    wp_enqueue_script( 'child_theme_script_handle', get_stylesheet_directory_uri() . '/assets/js/your-file.js', array('jquery' ) );
}

// dequeue your required script file
function your_child_theme_js_file_dequeue() {
   wp_dequeue_script( 'parent_theme_script_handle' );
}
add_action( 'wp_print_scripts', 'your_child_theme_js_file_dequeue', 100 );
 

// enqueue your required script file
add_action('wp_enqueue_scripts', 'your_child_theme_js_file_override');
function your_child_theme_js_file_override(){
    wp_enqueue_script( 'child_theme_script_handle', get_stylesheet_directory_uri() . '/assets/js/your-file.js', array('jquery' ) );
}

// dequeue your required script file
function your_child_theme_js_file_dequeue() {
   wp_dequeue_script( 'parent_theme_script_handle' );
}
add_action( 'wp_print_scripts', 'your_child_theme_js_file_dequeue', 100 );