Elementor 页面背景图像、视频、肯伯恩斯动画

Elementor 页面背景,带有图像、视频和 Ken Burns 效果

Elementor 默认插件允许您创建多种类型的 Elementor 页面背景,例如 elementor 视频背景、带有图像或视频的 elementor 视差背景。

作为奖励提示,我将分享如何在元素单元背景中排列动画渐变、背景滑块和粒子。检查此内容 elementor 部分中添加移动背景图像.

首先,让我向您展示如何从页面设置中排列整页背景。

单击页面编辑器左下角的设置图标。

现在导航到"样式"选项卡。选择背景类型经典或渐变。从经典选项中,您可以选择任何图像作为元素页背景。

元素页背景

这就是一般元素器页面背景的工作原理。

解元素单元中如何排列视频、图像、视差、动画梯度背景的时候了。

只需在页面上添加一个部分,然后导航到样式区域,您就会看到背景选项。默认 Elementor 中,有 4 种不同的背景类型 Classic、Gradient、Video、Slideshow。

经典背景

从经典背景类型中,您可以选择颜色或图像。选择梯度类型并输入您想要的颜色、颜色位置、角度和梯度类型(线性或径向)。

经典元素部分背景

部分的视频背景

YouTube、Vimeo、自主机MP4视频链接,然后就可以定义视频开始时间和结束时间,如果您只想播放视频,则启用播放一次,另外,如果您喜欢在移动设备中播放您的部分背景视频,则启用播放移动。

元素视频背景

元素背景滑块

选择幻灯片并从媒体上传或选择多个图像。五种过渡效果,设置过渡持续时间,选择背景大小和位置。

元素器部分背景滑块

这就是默认元素器部分背景设置。

1下看怎样设置 元素肯伯恩斯效应 section背景中,之后,我将向大家展示如何安排 粒子和动画梯度背景 在元素部分。

WordPress 网站中,如果您还没有安装 Master Addons 插件,那么请使用以下功能进行操作。检查如何使用此免费插件创建交互式背景。

肯伯恩斯动画背景滑块

安装 Master Addons 插件后,您将看到 背景滑块 "部分样式"选项卡中的选项。上传多个图像, 选择图像大小、过渡、动画、叠加样式和图像幻灯片延迟。您将获得25种不同类型的过渡和10种不同的kenburns动画效果。 

Elementor Kenburns 背景滑块

元素粒子背景

只需启用粒子,您就会看到一个 “点击此处” 链接,可生成下面字段的 JSON 代码。转到链接并生成您想要的粒子。下载 JSON 文件并从文件中复制代码以粘贴。检查如何操作 在《元素》中添加粒子背景 post 更多详情 只要确定设置背景颜色, 渐变后才启用粒子。 

元素粒子背景

元素动画梯度背景

与 动画渐变 BG master Addons Pro active 的扩展,您将在截面样式选项卡中看到“动画渐变背景”选项,只需启用它,您就会看到默认的动画渐变 BG。更改角度值,并为您的截面渐变添加您需要的颜色。以下是 Elementor 动画渐变 BG 的真实示例。 

就是这样,现在在您的 WordPress 网站中安装并激活 Master Addons 插件。然后安排任何类型的元素页面背景或部分背景。您还可以丢弃一个 图像比较滑块 在页面上显示设计的前后版本。如果您遇到任何问题,请随时与我们的专家团队联系。

罗伊·杰米的照片
罗伊·杰米
I’m Roy Jemee,Pixar Labs 的内容牧马人和营销人员,为 Elementor 编写主插件,我编写教程,录制视频,并保持文档的最新状态,所以你总是知道如何使用每个功能,我还处理支持,所以如果你遇到障碍,我就是帮助你修复它的人真正的答案,来自每天使用这些工具的人。