如何使用 Elementor 中的 Happy Particle(粒子) 来设计您的 WordPress

您还记得您最后一次在某个网站停留几分钟但该网站的设计没有给您留下深刻印象是什么时候吗？我们知道这很难！因为我们通常会离开一个不吸引我们的网站，并且需要很长时间才能加载设计。

有一种说法是

你只有一次机会给人留下第一印象

因此，作为网站所有者，我们的首要任务是设计给访问者留下第一印象。

快乐粒子就在这里发挥它的作用了。凭借其不同的粒子效果，您可以使您的设计脱颖而出。炫酷的效果让访问者对网站印象深刻，并且更有可能再次访问。所以你应该尝试快乐粒子效果来制作令人惊叹的网页。

为了帮助您在 Elementor 网站上使用 Happy Particles，我们提供了本教程指南。让我们深入了解吧！

向 Happy Addons 的最新功能——Happy Particle 打个招呼

如果您曾经接触过 Happy Addons，那么您就已经知道 Happy Addons 的增长速度有多快。当我们谈论它的增长时，您会很高兴知道它已经达到了20 万活跃安装量的里程碑。

除此之外，它在 2022 年还有更多超级令人兴奋的成就，并且我们将在 2023 年制定更多未来计划。话虽如此，快乐粒子的发布是我们为快乐插件的皇冠增添更多羽毛的计划的一部分。

我们推出了 Happy Particle，其目标是为您的客户和网站访问者带来额外的快乐，因为它会给您的网站带来令人惊叹的效果。

最初，您将通过 Happy Particle 获得三种完全不同的效果。最后但并非最不重要的一点是，您将能够通过混合一些粒子来发挥您的创造力，创造出更加完全不同的效果。我们将其命名为自定义粒子。

1. 降雪效果

如果您想在网站背景中添加一些视觉上舒缓的粒子效果，可以使用雪落效果。它将允许您设置粒子数量、粒子大小、粒子运动速度以及将悬停效果添加到粒子效果的灵活性。

2.多边形效果

多边形效果在您的网站背景中创造魔力。多边形名称说明了它在您的设计中的表现。所有的点都将相互添加，使您的设计充满动态场景。

3.美国宇航局效应

如果您想为网站背景添加一些引人注目的浮动效果，您可以使用 NASA 效果。与其他两个效果一样，在这里您还可以设置粒子数量、粒子大小以及粒子运动的速度。

4. 自定义效果

除了这些三粒子效果之外，我们还有一种效果，那就是自定义效果。如果您想用自己的创造力创建粒子效果，您可以使用自定义效果来实现。创建粒子后，下载 JSON 文件，Happy Particle 将允许您将该代码添加到您的设计中以完成您的工作。

如何使用快乐粒子让您的网站更具视觉吸引力

我们确实喜欢访问吸引我们的网站。如今吸引人们有点具有挑战性。因为我们每天都会访问很多网站，但会忘记每个网站，除非它有不同的东西吸引我们。

在这里，快乐粒子就发挥了作用。凭借其突破性的设计元素，它与其他网站有所不同。使用 Happy Particle 是一件简单的事。

现在让我向您展示如何使用 Happy Particle 设计 Elementor 网站。

您来到这里意味着您已经拥有自己的 WordPress 网站。因为使用这个粒子你需要三件事：

1. WordPress 网站
2. 元素（免费）
3. 快乐插件专业版

请确保您已成功安装并激活 Elementor 和 Happy Addons。现在请按照以下步骤操作。

步骤01：创建新页面或选择现有页面

您可以创建一个新页面或选择现有页面来应用快乐粒子效果。要创建新页面，

• 转到“页面”>“添加新内容”

您将得到一个新页面。

1. 输入页面名称
2. 保存草稿或发布
3. 最后，按“使用 Elementor 编辑”按钮。

您将获得一个可供设计的新页面。

步骤02：设计页面

• 选择单列

• 单击 Elementor 编辑页面的部分选项。
• 设置高度“适合屏幕”。
• 将拉伸部分转为“是”。

• 按加号添加小部件。
• 将小部件拖到编辑器中。例如，我们在这里添加标题小部件。

• 现在根据您的设计技巧从样式选项中编辑标题。

步骤03：应用多边形效果

• 再次单击 Elementor 编辑页面的部分选项。
• 转到样式选项卡。
• 启用快乐粒子背景。让它成为是的。

• 从下拉列表中选择一种样式（多边形）。
• 您可以更改粒子的颜色。
• 您还可以通过启用“高级设置”来更改粒子数量、粒子大小和移动速度。

步骤04：应用降雪效果

• 将图像小部件拖到编辑器中。
• 上传图像，然后从样式选项卡对其进行自定义。

• 转到“快乐粒子效果”，然后将“启用粒子背景”设为“是”。
• 从样式选项卡中选择“雪”。
• 您还可以在此部分中更改粒子数量、大小、颜色、速度和其他内容。

步骤 05：应用 NASA 效果

• 将小部件（无论您想要什么）拖到编辑器中。这里我们使用了倒计时小部件。
• 从造型部分应用 NASA 效果。

瞧！您已将 NASA 效果添加到您的设计中。

步骤06：设计自定义粒子

您可以设计自己的自定义粒子。您所需要做的就是 从“样式”部分选择“自定义” 选项。

• 访问此 自定义效果制作器网站 以创建自定义粒子。

• 下载 json 文件并复制代码。现在，将代码粘贴到标记区域。

恭喜！您已经完成了快乐粒子效果的探索并使用这些效果创建了设计。您想看看您的设计的最终版本吗？

好的！我来给你展示。