javascript - 将粒子js安装到wordpress中或使用其他方法

如何实现particles.js或将其安装到wordpress中？

http://vincentgarreau.com/particles.js/

我尝试安装了particle.js，但无法正常工作，也许我错过了一些重要的细节。

我还尝试了“粒子登录页面”插件，然后尝试将其复制到内容页面，但还是没有运气。

任何建议都会有很大帮助

谢谢。

最佳答案

如果您无法在本地安装CDN，则可以将其放入队列。

如果您具有标准的wordpress体系结构，则将以下内容添加到您的functions.php中。

function enqueue_particlejs(){
  wp_enqueue_script('particle-js','https://cdn.jsdelivr.net/npm/[email protected]/particles.min.js');
}
add_action('wp_enqueue_scripts', 'enqueue_particlejs');

然后，您需要使用他们在页面上实际触发它的方式，这意味着向您的dom元素之一分配一个ID为“particle-js”。

<div id="particle-js"></div>

如果您无权访问javascript文件，则可以直接对其进行内联:

<script>
      particlesJS.load('particle-js', '<?= get_template_directory_uri() . '/assets/particlejs.json' ?>', function() {
  });
</script>

您需要在wordpress目录中的某个位置创建一个particlejs.json文件，并在上面引用它。

他们以一个为例，或者只是从您链接的网站中导出一个。