在 Vincent Garreau 的article.js网站中编辑粒子设置 下面是“交互性”。 您可以在此处设置将鼠标悬停在粒子上并单击它们时粒子的行为方式。 Vincent Garreau 网站中的粒子交互设置 最后,还有“页面背景(css)”。在这里您可以更改粒子动画的背景颜色并调整其大小、位置和重复次数。 如有必要,您还可以上传您自己的背景图片URL 。 Vincent Garreau 网站的粒子页面背景设置 完成后,您可以单击下面的“下载当前配置(json)”按钮。 这将下载粒子背景 JSON 代码文件,您需要使用文本编辑器应用程序打开该文件。继续执行后续步骤时,请保持文本编辑器窗口打开。 下载粒子背景的 JSON 文件 现在让我们回到 SeedProd 页面生成器。 再次导航到“高级设置”中的“粒子背景”菜单。然后将 JSON 代码复制并粘贴到相应的文本字段中。
您现在应该在预览区域中看到粒子背景。 在 SeedProd 的粒子背 Paytm 数据 10,000 套餐 景设置中插入 JSON 代码 单击“预览”查看粒子背景在前端的外观,然后单击“保存”完成更改。 以下是粒子背景的示例: 使用 SeedProd 制作的动画粒子背景示例 方法 2:使用免费插件添加动画背景 第二种方法是使用 SeedProd 的免费替代方法。为此,您需要粒子背景 WP插件,这是一个免费的动画插件。 和以前一样,确保安装并激活粒子背景 WP 插件。如果您需要指导,可以查看我们有关如何安装 WordPress 插件的指南。 激活插件后,转到 WordPress 仪表板中的粒子背景。在这里您将看到几个部分。 其中之一是部署。如果您想稍后将其添加到页面或帖子中,它包含完成的粒子背景的短代码。 您还可以选中“添加到首页”和/或“添加到博客页面”框以自动将背景插入到这些页面中。 配置粒子背景WP 部署设置 如果向下滚动,您将看到“目录”部分。在这里您可以在粒子背景上添加文本。
如果您有 HTML 知识,您可以添加 HTML 代码来自定义文本。或者,您可以单击“添加媒体”以插入 WordPress 库中的图像或文件。 在 Particle Background WP插件中插入一些文本 以下是WordPress粒子背景动画设置。您可以调整粒子密度,它控制粒子的远近、粒子的点颜色以及背景颜色。也可以使背景透明。 该 WordPress 插件的一个缺点是您无法像 SeedProd 一样自定义粒子形状。所以如果你想使用这个插件,这是你需要考虑的事情。 配置粒子背景 WP 的动画粒子背景设置 你就完成了! 以下是使用此 WordPress 插件的粒子动画背景的示例。 使用 Particle Background WP插件的动画背景示例 替代选项:添加 WordPress 视频背景 如果您想向您的网站添加动画效果但不喜欢我们提供的方法,我们建议您添加视频背景。 视频背景为您可以在网站上使用的动画效果类型提供更多选择。您还可以自动循环播放视频,使其呈现动画效果。