javascript - 将 particle js 安装到 wordpress 或使用其他方法

Question

如何在 wordpress 中实现或安装 particles.js？

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

我已经尝试安装 particle.js 但没有用，也许我错过了一些重要的细节。

我也试过“粒子登录页面”插件，然后尝试将其复制到内容页面中，但仍然没有成功。

任何建议都会有很大的帮助

谢谢。

Answer 1

如果您无法在本地安装可信赖的 CDN，您可以将其加入队列。

如果您有标准的 wordpress 架构，请将以下内容添加到您的 functions.php 中。

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

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

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

如果您无权访问 javascript 文件，那么您可以内联它:

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

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

他们给出了一个示例，或者只是从您链接的网站导出了一个。