颗粒扩展设置

有些背景静坐,有些漂移。由细线连接的浮点,或标题后面的雪:粒子效果给出一段安静的运动,看不到视频文件。免费 颗粒延伸 在 Elementor 的主插件 由众所周知的粒子。js 库提供支持并配置单个 JSON 字段,在内容后面呈现出准确的效果。

这是运行已发布页面上预设的 Snow 的演示部分:

粒子扩展的作用 #

启用后,部分、列和容器将获得 a 颗粒 他们的面板 风格 选项卡。翻转 启用粒子背景 到是并且截面背景变成了活的粒子画布面板保持最小:

• 启用粒子背景: 效果的开/关开关。
• Z指数: 颗粒层位于堆栈中的位置,因此它保留在内容后面。
• 粒子 JSON: 包含粒子的代码字段。js 配置:粒子数量、颜色、形状、大小、连接线、移动速度和悬停交互性都居住在这里。

默认配置在框中导出,白点通过微妙的线路网络连接,面板直接链接到粒子。js 生成器以构建您自己的生成器。

在开始之前 #

• 文字出版社 与 元素 已安装并处于活动状态。
• Elementor 的主插件 已安装并处于活动状态。插件新增?关注 安装指南 首先。
• Particles 是一个免费扩展,因此不需要 Pro 许可证。
• 无需编码:JSON 来自点击生成器。

如何启用粒子扩展 #

从您的 WordPress 仪表板,转到 主插件 并打开 扩展 tab。颗粒位于 动画小部件 带有流行徽章的团体,毗邻浮动效果和 动画渐变 BG。单击其切换使其变为紫色,然后点击 保存更改 并等待绿色“设置保存成功”通知。

在一个部分中查找粒子面板 #

在 Elementor 编辑器中选择容器或部分并打开 风格 选项卡。 颗粒 带有紫色 MA 徽章的部分与其他主插件背景工具一起放置:动画渐变背景, 背景滑块和图案。

打开它并满足默认效果 #

展开粒子和开关 启用粒子背景 到是。画布立即运行默认配置:白点漂移横跨截面,通过细线连接成移动的网络。的 粒子 JSON 下面的字段保存驱动它的配置,并且 Z指数 将图层保留在文本后面。

从粒子。js 发生器中获取预设 #

的 单击此处 json 字段上方的链接打开粒子。js 演示站点, 一个具有预设配置的实时生成器: 默认值、NASA、泡泡、雪和 Nyan Cat.挑一,喜欢调滑块,击中 下载当前配置 (json).

打开下载的文件,复制 JSON,并将其粘贴到粒子 JSON 字段中。演示与 Snow 预设一起进行,画布从线网切换到配置落地时掉落在该部分的柔软白色薄片。

页面上的结果 #

Publish,并且该部分自行下雪,如本页顶部的GIF。颗粒在内容后面的画布上渲染,因此顶部的所有内容在后台不断移动的同时保持清晰。默认配置也会对光标做出反应;标准网络效果会排斥悬停上的颗粒。

1个实用注意:粒子计数驱动性能 Snow预设运行400个粒子并保持平滑,但如果一个页面堆叠了几个粒子部分,则保持计数适度,并在中端手机上检查。

粒子背景适合的地方 #

• 英雄部分。 连接点网络在大胆的标题后面读取科技和现代。
• 季节性活动。 雪预设将任何促销部分在一种糊状物中转为冬天。
• SaaS 和启动页面。 缓慢漂移的粒子可以增加深度,而不会分散音调的注意力。
• 深色部分。 NASA这样的星场配置,让黑暗背景感觉刻意。
• 活动和启动页面。 倒计时的动作让稀疏的一页保持活力。

视频教程 #

观看整个设置,从启用扩展到发布页面上掉落的雪。

常见问题 #

包裹起来 #

Particles扩展在任何Elementor部分后面都放了一个活的粒子画布:一个切换默认网络,一个粘贴JSON的任何粒子。js生成器可以梦想起来的保持计数正常,让Z索引保持内容后面的层,并且该部分移动,没有一个资产上传它自然地坐在旁边 动画梯度背景 並 背景滑块 同一样式选项卡中的扩展名以及全套 主插件小部件和扩展 is 一页远, 跟手加粒子。js比较, 看看the 粒子扩展页.