如何在 WordPress 中制作落雪效果
已发表: 2019-07-29也许您已经访问过一个有下雪效果的网站。 它可能既美丽又有趣,不是吗? 您可能希望您的 WordPress 网站在冬天也有白色的雪花在屏幕上飞舞。 对于您的冬季或圣诞节活动来说,这将是一件好事,它会让您的访客在经历了漫长而艰难的 2020 年之后振作起来。但您还不知道如何获得它? 现在让我向您展示如何以最简单的方式在您的 WordPress 网站上创建落雪效果。
- 1.用于创建雪景效果的 WordPress 插件
- 2.第一步:安装“WP Super Snow”插件
- 3.第 2 步:允许插件在您的网站上生效
- 4.如何自定义降雪效果
- 4.1. WP雪容器
- 4.2. 所有雪花的 z-Index
- 4.3. 雪花图像(以行分隔)
- 4.4. 要处理的雪花总数
- 4.5. 最大雪花尺寸(以像素为单位)
- 4.6. 使用雪花透明效果?
- 4.7. 预测/条件
- 5.最后的想法

让我们在您的网站上创建美丽的雪雨,这将非常有趣!
有很多方法可以在您的 WordPress 网站上创建降雪效果。 您可以编写代码或使用一些插件。 但是在这篇文章中,我将使用一个插件,因为它更简单,每个人都可以在没有编码知识的情况下完成。
用于创建雪景效果的 WordPress 插件
在 WordPress 中,有很多插件可以创建雪花效果,例如:
- WP 雪效果
- 天气效果——圣诞效果、雪效果
- 暴风雪
- WP超级雪
我用“WP Super Snow”插件做了这个说明,因为它非常轻巧,易于使用,并且可以提供各种漂亮的效果。
第一步:安装“WP Super Snow”插件
首先,您必须从此处下载“WP Super Snow”插件(免费),然后通过转至仪表板>插件>添加新插件并选择上传插件来上传和安装它。

接下来,拖放“WP Super Snow”zip 文件以上传它(就像我在这里所做的那样)或单击“选择文件” 。 然后,单击立即安装。


稍等片刻,然后单击“激活”以完全安装并激活此插件以创建下雪效果。

在此处阅读有关如何以 3 种方式安装和激活 WordPress 插件的更多信息。
第 2 步:允许插件在您的网站上生效
现在,一个名为Super Snow的新菜单将出现在管理仪表板的管理菜单底部。
按下它,将出现如下图所示的屏幕。

此时插件仍处于“否,禁用”状态,表示已禁用,对您的站点没有任何影响。 单击是,启用 WP Super Snow! 按钮以允许插件在您的网站上生效。 然后,单击“保存所有更改”以保存设置。
让我们去主页检查结果。

值得注意的是,在这些设置之后,雪会以默认图像和尺寸落在您的整个网站上。 你绝对可以自定义它的设置,让雪落下更漂亮的效果,或者只是落在某些页面上。
如何自定义降雪效果
WP Super Snow插件为您提供了十几种自定义选项。
在管理仪表板的Super Snow菜单中,在您刚刚在第二步中自定义的启用/禁用部分下,向下滚动到Virtual Snow Browser部分。

本节有一些子项目。 它们允许您自定义降雪的效果。 每个人在其名称下方都有自己的说明。 当您按照这些指南调整任何项目时,预览屏幕将显示它如何在您的网站上生效。 因此,请仔细阅读指南。
此外,我在这里还有一些额外的说明,以帮助您轻松自定义这些项目。
WP雪容器
此部分允许您在屏幕上的某些区域显示雪。 例如,如果您只想让雪落在站点的顶部,则将此字段设置为“标题”。 在另一种情况下,落在站点的末尾? 将其设置为“页脚”。 默认情况下,当它是“body”时,雪会落在整个屏幕上。
所有雪花的 z-Index
此 z-Index 选项用于调整雪的覆盖范围。 默认值 999999 使雪几乎覆盖了整个页面。 但是,如果您在此处设置一个较小的数字(例如 -1000),则雪将停止下降。
雪花图像(以行分隔)
如果您想更改雪花的默认图形或用其他图标/符号替换它们,只需在此处上传您自己的图像。 WP Super Snow 的此功能可帮助您在一年中的不同场合拥有不同的图标/符号。 例如春天的花朵,万圣节的南瓜,秋天的飞叶等等。
要处理的雪花总数
此设置可让您选择某一时刻屏幕上飞舞的雪花的数量。 请记住,同时出现的雪花越多,您的网站加载速度就越慢。
最大雪花尺寸(以像素为单位)
如果您不希望雪花出现时显示的太大,请减少此处的数量。 否则,请选择更大的数字。 这意味着最大的雪花的像素,其他的会更小和随机。
使用雪花透明效果?
请注意,使用透明效果会使雪花的性质更加美丽,但您的网页加载速度会变慢,反之亦然。

预测/条件
本节用于设置使用条件标签应用 WP Super Snow 插件的条件。
使用此选项,您可以将下雪设置为仅适用于桌面设备、周六和周日以及冻结的产品页面。
在本节中,您应该对使用这些标签的编码有所了解。 比较复杂,这里就不表达了。 如果您想探索它,请阅读此内容。
最后,记得在所有配置完成后点击底部的Save All Changes按钮。

最后的想法
因此,这些是让您的网站下雪的非常简单的步骤。 阅读本文后,您肯定不仅知道如何为 WordPress 网站创建落雪效果,还知道如何自定义它并创建其他令人惊叹的效果,对吧?
如果这里有人知道如何以其他方式在 WordPress 网站上制作落雪效果,请在下面发表评论。
感谢您的阅读! 2020 年圣诞快乐!
