使用自定義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' );