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

How to enqueue scripts in WordPress from CDN?

本文关键字：脚本 排队 WordPress CDN      更新时间：2023-09-26

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

从CDN加载脚本的正确语法是什么？我的代码笔

脚本文件为：

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_register_script()和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');

function load_stylesheets()
{
    wp_register_style('style_css', get_template_directory_uri() . '/style.css');
    wp_enqueue_style('style_css');
}
add_action( 'wp_enqueue_scripts',  'load_stylesheets');

这就是通过wp链接style.css的方法。你把这个放在你的"；functions.php"；文件我不知道，但据我所知，前一个人的建议是正确的，但没有包括必须将两者封装在一个函数中，然后创建一个webhook("add_action"(，并通过将其添加到回调参数中来钩住前面提到的函数(回调钩子几乎说"在运行完这个之后再运行这个"(。我不知道这是否可行，但我想我应该提到它。

相关文章：