如何从CDN中将WordPress中的脚本排入队列?

时间:2016-11-03 13:54:49

标签: javascript jquery wordpress

我正在尝试从codepen复制一个笔,我必须从CDN加载3个脚本文件,从服务器加载一个脚本文件。

从CDN加载脚本的正确语法是什么? My codepen

脚本文件是:

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

任何帮助将不胜感激。

1 个答案:

答案 0 :(得分:28)

使用wp_register_script()wp_enqueue_script()

functions.php

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

您的案例

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