英雄旗帜元素

按照以下步骤将英雄横幅元素添加到使用 GemPages 构建的页面。

• 来自 GemPages 仪表板，找到目标页面打开编辑器。
• 在 左侧边栏，导航到 相关媒体 部分并拖放 英雄旗帜 元素到您想要的位置。

• （可选） 将其他元素（例如标题、按钮等）拖到横幅上以增加效果。
• 点击英雄横幅显示其配置面板，其中包括 个人设置 金益辉 先进的 标签。

配置设置选项卡

布局

选择内容布局和对齐方式：

• 水平位置：左、中或右
• 垂直位置：顶部、中心、底部或扩展（填充整个高度）

背景

您可以使用以下三个来源之一设置横幅背景：

• 颜色
• 图片
• 视频

彩色背景

从调色板中选择一种颜色或在框中输入十六进制代码来设置横幅的首选背景颜色。

图像背景

您可以通过三种方式更改横幅图像源：

• 上传图片：此选项允许您从计算机中选择一张图片进行上传。
• 链接输入：此选项允许您输入图像链接来更改英雄横幅的图像来源。 
• 浏览图库：您可以从图库中选择一张图片，图库包含您上传的所有图片。

提示： 为了获得最佳显示效果，您可以参考 图片 标签，在 横幅来源 部分，找到在英雄横幅中上传的图像的最佳尺寸*：

若要在不同的屏幕上设计你的英雄横幅，请查看 本文.

影片背景

在设置横幅视频背景时，您可以选择以下视频源之一：

YouTube的： 您可以将 YouTube 视频用作背景。此选项同时支持 YouTube Shorts 和标准 YouTube 视频，让您可以灵活选择内容。

为了帮助 GemPages 正确显示视频，我们建议您提供视频的尺寸。此信息有助于 GemPages 计算缩放级别，确保视频完美适配横幅广告。 常用的视频尺寸包括：

• 1600:900
• 400:300
• 2100:900
• 100:100
• 900:1600

视频托管： 如果您希望自行托管视频，请选择“视频托管”选项。将视频上传到 Shopify，然后将视频链接粘贴到相应位置。 网页链接 将其用作背景。

注意： 请注意，需要在直播页面上查看结果。有关如何将视频上传到 Shopify 的分步说明，请参阅 本文.

打开 “循环播放视频” 切换到视频结束后从头重新开始。

顶层罩面

点击 显示更多然后命中 新增... 配置：

• 颜色：选择覆盖颜色
• 不透明度：调整透明度（值越低=越透明）

尺寸

选择横幅的缩放方式：

• 作为横幅来源：根据图像尺寸自动调整
• 定制化：手动设置宽度和高度

内容

配置：

• 宽度：设置内部内容的最大宽度
• 填充：在横幅内添加间距
• 对齐：水平对齐内容（左、中、右）

形状

使用以下方法自定义形状：

• 边境：添加边框样式
• 角落：调整角的圆度
• 阴影：应用阴影效果来增加深度

影响

• 悬停效果： 添加交互式悬停样式
• 视差滚动 （仅适用于图像）：随着用户滚动，通过分层运动增加深度

链接

一旦切换到“开启”，您就可以配置“链接”部分：

点击后： 从下拉菜单中选择以决定访问者点击您的英雄横幅后发生什么：打开页面、滚动到、打开弹出窗口、发送电子邮件或拨打电话。

举个例子，如果你选择 滚动到 选项，点击 新增... 从列表中选择目标部分。

SEO

在 SEO 部分下，您可以添加图像替代文本和图像标题来增强页面 SEO。

对齐

对齐英雄横幅部分本身： 左, 中心 或 权利。

配置高级选项卡

如需更多高级定制，请导航至 先进的 选项卡并按照 本文.

7. 为什么我的英雄横幅在页面上的位置偏高或位置错误？