wordpress美化： 如何使用Vanta.Js作为网站背景

wordpress美化： 如何使用Vanta.Js作为网站背景
Vanta.Js是一个 JS 库，它通过添加几行代码来添加动画网站背景。它可以帮助您创建吸引用户的动态且引人入胜的视觉体验。
第1步。前往 Vanta.JS 网站
第2步。选择效果
接下来，向下滚动一点。在这里，您会发现美丽的效果。选择您要添加到网站的那个。

第 3 步。自定义效果
选择效果后，您将自动向上滚动以查看它。
您可以在屏幕右侧看到一个框。从这里，您可以自定义效果。

第 4 步。复制第 1 个和第 2 个脚本的 URL
完成自定义效果后，就可以为您准备好代码了。
为此，请单击第一个脚本链接并复制其 URL 以替换 Vanta CDN URL。
单击第二个链接脚本链接并复制 URL 以替换 Vanta-effect CDN URL。

第 5 步。创建JS 新文件
接下来，您需要创建一个名为 vanta-script.js 的新文件。
现在，复制此文件中该框的第三个脚本。

只需将代码粘贴到“vanta-script.js”文件中即可。
注意： 将此 JS 文件中的选择器“#Your-Element-Selector”更改为“body.home”。(不一定是body.home，要根据自己网站的主题修改)
脚本将如下所示：

VANTA.GLOBE({
  el: "body.home",
  mouseControls: true,
  touchControls: true,
  gyroControls: false,
  minHeight: 200.0,
  minWidth: 200.0,
});

并将vanta-script.js文件上传至网站，目录自己定，我把前两个JS文件下载到本地了，然后把三个JS文件放在了同一目录。
第 6 步。将代码粘贴到主题的functions.php文件中
将文件相应地放置到确切位置后，将以下代码添加到站点主题的functions.php文件并保存。
注意：建议使用子主题而不是父主题来编辑functions.php文件。更新主题时，可能会丢失修改后的代码。它可能会对您的网站造成一些不利影响。

添加钩子后，单击屏幕底部的“更新文件”按钮以保存更改。
刷新网站就会看到动态背景了。

总之，使用 Vanta.js 作为 LoginPress 的背景是增强您网站登录页面的视觉吸引力和用户体验的好方法。