如何从CDN使WordPress中的脚本入队? [英] How to enqueue scripts in WordPress from CDN?

问题描述

我正在尝试从Codepen复制一支笔，为此我必须从CDN加载3个脚本文件，从服务器加载1个脚本文件.

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.

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

What is the correct syntax to load the scripts from 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

任何帮助将不胜感激.

推荐答案

在您的functions.php中，使用 wp_enqueue_script()

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

您的案件

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

这篇关于如何从CDN使WordPress中的脚本入队?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！