Wie überschreibe ich JavaScript-Dateien im untergeordneten Thema?

Untergeordnete Themen überschreibennur PHP-Dateien (wie header.php),diein Funktionen wieget_template_part oderget_header usw.enthalten sind.

Der richtige Weg,um Skripte zu WordPress hinzuzufügen,ist wp_enqueue_script . Wenn Ihr übergeordnetes Thema dies verwendet,können Sie die JS-Dateien überschreiben,indem Sie wp_dequeue_script verwenden und Ihreeigenen in die Warteschlange stellen.

Wie 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'));
}
 

Wenn das übergeordnete Thema wp_enqueue_scriptnicht verwendet,wirdes wahrscheinlichin wp_head (oder wp_footer)eingebunden,um die dortigen Skripte wiederzugeben. Sie würden also remove_action verwenden,um diese Funktionen zuentfernen,die die Skripte wiedergeben,und dann Ihreigenes Skriptin die Warteschlange stellen.

Wenn das Skriptfestin der Vorlagendatei codiertist,müssen Sie diese Vorlagendateiin Ihrem untergeordneten Themanur ohne das Skript-Tagersetzen.

Wenn sie wp_enqueue_script-Aufrufe verwendet haben,die get_stylesheet_directory_uri verwenden,sollten Sienichtstunmüssen. Da diesnichtgeschieht,müssen Sienur herumstöbern und sehen,was der Autor des Themasgetan hat.

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.

Ineinigen Fällenistes wichtig,sowohl die Funktionsaufrufe add_action als auch wp_enqueue_script wiefolgt zupriorisieren:

 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 diesem Fall wurde wp_enqueue_scripts vom übergeordneten Elementmit einer Priorität von 20120206 (dem Datum) aufgerufen. Daher wird diese Aktionmit einer Priorität hinzugefügt,die kaumgrößerist,sodass sie sofort aus der Warteschlangeentfernt wird. Anschließend wird diefolgende Enqueue-Anweisungtatsächlichpriorisiert,um sicherzustellen,dass siegeladen wird,nachdem die alte aus der Warteschlangeentfernt wurde. Das Richtigeistin diesem Fall auch wichtig,da dies angibt,dassesin der Fußzeilein die Warteschlangegestellt werden soll,in der das übergeordnete Skript zuerstin die Warteschlangegestellt wurde.

Ich kannes auchnichtganzerklären,aberich stellefest,dass Sie,wenn Sie das ursprüngliche Skript unmittelbarnach dem Einreihenin die Warteschlange stellen,anscheinendeffektiv verhindern können,dasses überhauptgeladen wird.

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.

Rufen Sie wp_deregister_script auf,bevor Sie Ihreeigene Version registrieren

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 );