如何在 Elementor 中添加背景模式
Patterns 附带了免费的 Master Addons 插件, 请确保在 Master Addons 扩展选项卡中打开了扩展。
- 安装并激活 WordPress.org 的主插件并在下检查模式是否启用 主插件、扩展.
- Elementor 编辑您的页面, 然后选择一个部分、列、容器或小部件。
- 打开 风格 选项卡并找到 图案 节。
- 打开 启用模式.
- 选择一个 图案风格 并观看预览。
- 调整 Z 索引 要将模式放在元素背景上方或下方,请更新页面。
11 组 73 种风格
的 图案风格 list 按外观分组:装饰梯度、深色梯度、网格梯度、径向辉光、极光效果、波浪、条纹和点等基本图案、网格(包括六边形和格子呢)、蓝图和电路板等技术图案、摩洛哥和日本的 Seigaiha、大理石和纸张等纹理以及艺术素描风格。
- 每种款式都有自己的颜色,例如白色到靛蓝或深绿色电路线,没有颜色或不透明度控制,因此选择最接近您品牌的款式。
- 有些款式涂上完整的背景颜色,而另一些款式则只在已经有的东西上画细线。
- 在部分、列、容器和小部件上工作,可在每个元素的样式选项卡中找到。
使用 Z 索引分层
该图案被绘制为元素内部的单独层。 Z 索引 (从-10到10)决定它是否位于元素自身的elementor背景上方或下方,因此您可以在背景图像上放置网格或在内容后面保持坚实的梯度。因为模式是纯css,因此它们不会向页面添加图像请求。
- 具有纯底色的样式可以隐藏元素背景,因此如果您的背景图像消失,请尝试较低的 Z 索引。
- 模式与元素一起缩放,并且每个设备的网格大小保持不变。
- 对于移动梯度而不是静态模式,请使用 动画渐变 BG (专业版)。
模式常见问题
了解用户对模式询问最多的查询,并在一个地方找到答案。
Elementor 背景模式免费吗?
是。Patterns是WordPress。org上的主插件中的免费扩展,并且包含了所有73种样式。
图案会减慢我的网站速度吗?
No。每个图案都是单层几行CSS梯度,没有图像文件,任何减速都会来自同一部分的其他背景图像,而不是图案。
我可以更改图案颜色吗?
No。每种样式都有固定的颜色,扩展没有颜色或不透明度控制。选择适合您调色板的样式,或者如果您需要精确的颜色,可以使用Elementor的背景控制构建自己的渐变。
我可以将图案与背景图像或形状分隔器结合起来吗?
Yes。图案是自己的图层,所以它与元素的背景、背景覆盖层和形状分隔符一起工作。使用Z-Index来决定图案是位于背景上方还是下方。
![Master Addons 元素的帖子/页面复制器扩展:WordPress 页面列表中的 MA 复制器行链接创建着陆页 - [Duplicated #128] 草案](https://d1asvmc6qcowgk.cloudfront.net/wp-content/uploads/2026/09/15102930/post-page-duplicator-768x403.webp)
