本指南概述了 GemPages 中的背景定制,帮助您创建符合您品牌标识的动态且具有视觉吸引力的页面。
如何更改背景颜色?
有2选项: 纯色 金益辉 梯度.
纯色背景
纯色背景是应用于元素的单一、统一的颜色。

GemPages 中的纯色设置:
- 十六进制颜色代码:输入准确的十六进制代码以确保精度。这对于保持一致的品牌形象非常有用。
- 滴管: 单击笔图标即可从页面中直观地选择任何颜色。

如果你想更改整个页面的背景颜色,请查看 本文.
渐变背景
GemPages 中的渐变背景是两种颜色之间的平滑过渡,通过线性渐变实现。

GemPages 中的渐变设置:
- 渐变滑块: 设置颜色、颜色数量、颜色位置的渐变过渡。
- 渐变方向: 设置渐变过渡方向。
- 最近的颜色: 显示最近选择的颜色。
- 建议颜色: 显示 GemPages 指示的颜色。

如何添加背景图像?

GemPages 中的图像背景设置:
GemPages 允许您控制几个图像背景属性:
- 扩展: 选择 保护套 完全填充该区域或 包含 以确保整个图像可见而无需裁剪。
- 职务:将图像对齐到特定区域,例如中心、左上角或右下角。
- 重复新密码:决定图像是否应水平平铺、垂直平铺,或者根本不平铺。
- 附件:设置图像随内容滚动或保持固定以产生视差效果。
- 优化 LCP: 当用户滚动到包含横幅的部分附近时自动预加载横幅。

了解更多关于 设置图像背景和颜色 了解设置图像背景的过程。
如何添加背景视频?
视频背景是吸引注意力并为访客创造身临其境的体验的绝佳方式。 它们在视频横幅和英雄横幅部分可用,为您的设计增添动感和活力。
请参阅 本文 获取更多信息。

GemPages 中的视频背景设置:
- 来源: 选择获取视频的来源:
- YouTube:添加 YouTube 视频源。支持短视频和长视频。
- 视频托管:从另一个主机添加视频源。
- 视频网址: 输入与所选源匹配的视频 URL。
- 循环: 让视频在结束后从头重新开始播放。

最佳实践:为产品图片添加背景
将背景添加到行(而不是直接添加到产品图像)可以让您更好地控制布局并有助于避免图像失真。
按照以下步骤为您的产品图像元素添加背景:
- 从左侧边栏 GemPages 编辑器,拖放 行 E元素 到您的页面上。
将 产品图片 元素 在那一行里面。

- 选择行以打开其设置并找到 背景 从左侧边栏进行设置。

在这里,您可以:
- 添加纯色或渐变色,或
- 上传背景图像以显示在产品照片后面。

如何去除背景?
如果要从 GemPages 中的元素或部分中删除背景:
第三步: 在编辑器中选择元素或部分。
第三步: 去 背景 左侧边栏中的设置。
- 对于 颜色/渐变:点击颜色选择器并将其设置为 透明.
- 对于 图像/视频:单击已上传媒体旁边的删除/垃圾图标。
该元素现在将显示 没有背景,仅显示其内容。
谢谢您的意见