Skip to content

Loading JavaScript

Brian McCoy edited this page Feb 23, 2018 · 4 revisions

Adding Scripts

  • Store your JavaScript files under assets/js in your theme.

Loading Scripts

  • Inside your theme open /app/assets/js-assets.php
  • Add a load_js() call. The first parameter is the URL to the JS file. The second optional parameter is an array of arguments. See arguments.
  • If handle is not defined as an arg the URL parameter will be used.
  • If ver is not defined as an arg the theme version will be used.

Examples

If you simply need to load a JavaScript file you can do:

load_js( _templateURL . '/assets/js/application.js' );

Here's an example for loading jQuery from the Google CDN:

wp_deregister_script( 'jquery' );

load_js( '//ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js', array(
	'handle' => 'jquery'
) );

Clone this wiki locally