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

Question

我目前正在开发一个投资组合网站，并试图集成一个非常方便的功能，称为 particles.js。它工作正常并且非常容易集成到静态 HTML 页面中，但问题是我正在开发自定义 Wordpress 主题并不断出现错误。我正在使用指定的 CDN 引入 particles.js 的脚本，并且我将 json 和应用程序文件本地保存在我的文件中。我正在为这个库工作所必需的两个 js 文件使用 enqueue。我会 link 为两个本地文件编码，我也会 link CDN！

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

CDN 的 link 在这里：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');

这是我遇到的错误：

screenshot of errors

我尝试了很多东西，但似乎没有任何效果。我尝试运行在不同的浏览器中使用它，但它仍然无法正常工作。正如我之前所说，它在静态 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' );

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

Configuring particles.js with custom wordpress theme

javascript

php

wordpress

particles.js