Hur man lägger till javascript-fil in en wordpress child

WordPress har redan jQuery inbyggt, så du behöver bara lägga till ditt script.

1. Gå till child-temat och gå in i filen functions.php.
Lägg där till följande kod.

function add_my_script() {
wp_enqueue_script(
'myscript', // namnge ditt script.
get_stylesheet_directory_uri() . '/js/myscript.js', // lagg till korrekt adress och namn pa skriptet
array('jquery') // this array lists the scripts upon which your script depends
);
}
add_action( 'wp_enqueue_scripts', 'add_my_script' );

Anledningen till att det är get_stylesheet_directory_uri() och inte get_template_directory_uri() är för att detta är ett child-tema. Om det inte hade varit då, då skulle du använt get_template_directory_uri().

2. Lägg nu till namnet och korrekt adress till. I det här fallet heter skriptet myscript.js och ligger i mappen js, därför är det korrekt att skriva “/js/myscript.js”.

3. Notera att i ditt script så kan du inte använda $, istället bör du använda ordet “jQuery”. Här är ett exempel på ett skript och hur det bör se ut om det används i wordpress.


jQuery(document).ready(function(){
jQuery("img").click(function(){
jQuery("img").fadeOut("fast");
});

});

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s