📜  elementor 背景控制 (1)

📅  最后修改于: 2023-12-03 14:40:57.840000             🧑  作者: Mango

Elementor 背景控制

Elementor 是一款流行的 WordPress 页面构建器,它提供了一个直观的拖放界面,让用户轻松地创建自己的网站布局。其中,背景控制是 Elementor 的一个关键功能,它让用户可以为网站添加各种各样的背景,并通过各种参数自定义背景设置。

背景类型

Elementor 支持多种类型的背景,包括:

  • 颜色:纯色背景
  • 图像:自定义图片作为背景
  • 视频:自定义视频作为背景
  • 渐变:两种或多种颜色平滑过渡的背景
背景控制

Elementor 的背景控制分为两部分:全局背景和分节背景。

  • 全局背景:可以设置整个页面的背景,设置之后所有分节背景将会覆盖在全局背景之上。
  • 分节背景:在每个分节中添加不同的背景,可以添加多个分节,每个分节有自己的背景设置。
全局背景

要设置全局背景,可以在 Elementor 页面编辑器的设置菜单中找到“背景”并打开。在打开的菜单中,您可以选择不同的背景类型和自定义属性,如颜色、图像、视频和渐变。这里是一个样例的全局背景设置:

全局背景

- 背景类型:颜色
- 背景颜色:#F5F5F5
分节背景

要设置分节背景,可以首先将 Elementor 页面编辑器中的部分拖放到页面上。在拖放的部分右侧的“高级”选项中,您可以看到“背景”设置菜单。

在“背景”设置菜单中,您可以选择使用以下背景类型之一:

  • 颜色:选择一种颜色作为部分的背景。
  • 图像:使用自定义图像作为部分的背景。
  • 视频:使用自定义视频作为部分的背景。
  • 渐变:选择两种或多种颜色,创建平滑的渐变背景。

这里是一个样例的分节背景设置:

分节背景

- 背景类型:图像
- 背景图像:https://example.com/images/bg.jpg
参数设置

Elementor 允许用户设置多种背景参数,以自定义背景。以下是 Elementor 背景控制的一些重要参数:

  • 不透明度:背景不透明度设置
  • 宽度:背景宽度设置
  • 高度:背景高度设置
  • 位置:背景位置设置
  • 重复:背景重复设置
  • 源:背景源设置
  • 图像尺寸:背景图像大小设置
  • 动画:背景动画设置

可以通过 Elementor 页面编辑器中的菜单轻松设置这些参数。

总结

Elementor 背景控制是一个功能强大的工具,可以让用户为他们的网站创建各种定制的和视觉引人注目的背景。无论是全局背景还是分节背景,Elementor 都提供了丰富的参数设置,让您可以轻松自定义背景效果。