使用自定义wordpress主题配置particles.js

Question

我目前正在投资组合网站上，并且正在尝试集成一个非常方便的功能，称为particles.js 。 它工作正常，并且非常容易集成到静态HTML页面中，但是问题是我正在开发自定义Wordpress主题并不断出错。 我正在使用指定的CDN来引入Particle.js的脚本，并且将json和app文件保存在本地文件中。 我正在使用该库工作所需的两个js文件的入队。 我将链接到两个本地文件的代码，并且还将链接CDN！

这两个文件的链接在这里： https : //gist.github.com/anonymous/5c6dc4675e93afb53ef97192628f2fe1

CDN的链接在这里： https : //www.jsdelivr.com/package/npm/particles.js

入队代码如下：

function wpb_adding_scripts() {
wp_enqueue_script('jquery');
wp_register_script('particles', 
'https://cdn.jsdelivr.net/npm/particles.js@2.0.0/particles.min.js');
wp_enqueue_script('particles');
wp_register_script('app', get_template_directory_uri() . '/js/app.js');
wp_enqueue_script('app');
}

add_action ('wp_enqueue_scripts', 'wpb_adding_scripts');

这是我得到的错误：

错误的屏幕截图

我已经尝试了多种方法，但似乎没有任何效果。 我尝试在不同的浏览器中运行它，但仍然不想运行。 正如我之前所说的那样，它在静态HTML页面上可以正常运行，但不能与wordpress一起使用...我真的需要帮助，因为我没有找到有关将该库与Wordpress网站集成的任何信息，因此，我们非常感谢任何输入。 谢谢！

Answer 1

请尝试这个

function wpb_adding_scripts() {
  wp_enqueue_script( 'particles','https://cdn.jsdelivr.net/npm/particles.js@2.0.0/particles.min.js', array('jquery'), true); 
  wp_enqueue_script( 'app', get_template_directory_uri() . '/js/app.js', array('jquery'), true); 

}
add_action( 'wp_enqueue_scripts', 'wpb_adding_scripts' );