javascript - How to enqueue scripts in WordPress from CDN?

Question

I am trying to replicate a pen from codepen for which I have to load 3 script files from CDN and one from the server.

What is the correct syntax to load the scripts from CDN? My codepen

The script files are:

https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js
https://cdn.jsdelivr.net/jquery.slick/1.5.9/slick.min.js
https://cdnjs.cloudflare.com/ajax/libs/gsap/1.18.2/TweenMax.min.js

Any help will be appreciated.

question from:https://stackoverflow.com/questions/40403364/how-to-enqueue-scripts-in-wordpress-from-cdn

Answer 1

In your functions.php, using wp_register_script() and wp_enqueue_script()

CSS

wp_register_style( 'Font_Awesome', 'https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css' );
wp_enqueue_style('Font_Awesome');

JS

wp_register_script( 'jQuery', 'https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js', null, null, true );
wp_enqueue_script('jQuery');

Your case

wp_register_script( 'jQuery', 'https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js', null, null, true );
wp_enqueue_script('jQuery');
wp_register_script( 'TweenMax', 'https://cdnjs.cloudflare.com/ajax/libs/gsap/1.18.2/TweenMax.min.js', null, null, true );
wp_enqueue_script('TweenMax');
wp_register_script( 'Slick', 'https://cdn.jsdelivr.net/jquery.slick/1.5.9/slick.min.js', null, null, true );
wp_enqueue_script('Slick');