这篇文章解释了 线(分隔线)元素 在 GemPages 中。在本指南结束时,您将了解如何使用此元素来增强页面布局并改善用户体验。
关于线(分隔线)元素
此 线(分隔线)元素 GemPages 允许您 页面的各个部分在视觉上是分开的.
它提高了可读性,组织内容,并确保了干净、专业的布局。

以下是线(分隔线)元素的一些常见用例:
- 分段:使用线条划分页面的不同部分,例如推荐、产品描述或常见问题解答。这可确保内容流畅且易于浏览。
- 视觉休息:分隔线可以作为元素之间微妙的视觉断点,有助于防止信息过载并引导用户的注意力到关键区域。
如何添加 线(分隔线)元素 到您的頁面?
按照以下步骤使用 GemPages Editor v7 将线(分隔线)元素拖放到您的页面中:
- 登录到您的 Shopify 管理员 > GemPages 构建器 应用> 前往.
- 点击您想要添加线条(分隔线)元素的页面以进入编辑器。
- 从左侧边栏搜索此元素,然后将其拖放到页面上的所需位置。

- 找到该元素以打开其设置进行进一步的自定义。

配置“设置”选项卡
在下面 个人设置 选项卡中,您可以根据需要配置图标的可见性:

类型
选择线条样式:
- 固体: 连续的线条带来整洁的外观。
- 虚线 or 虚线: 为了更具装饰性或现代感的外观。

样式
选择 颜色 从以下选项之一中选择与您的页面设计和品牌互补的线条:
- 输入精确的颜色代码
- 使用颜色选择器
- 从中选择 最近的颜色 or 为您推荐 名单

此外,调整 厚度 根据您的设计需求,使线条变得微妙或突出。

尺寸
自定义 线宽 取决于您是否希望线条跨越整个部分或仅跨越特定部分。

对齐
将线对齐到 左, 中心 或 右 以匹配您的布局和内容对齐。

配置高级选项卡
如需更多高级自定义,请导航至“高级”选项卡并按照 本文.
如何在分隔线上方和下方添加间距?
要自定义上方和下方的间距 线元素 在 GemPages 中,您可以轻松调整页边距。请按照以下简单步骤操作:
第三步: 导航到 先进的 标签。

第四步:找到 间距 下的设置 先进的 标签。

第三步: 修改值 保证金最高 金益辉 保证金底部 在分隔线上方和下方添加所需的间距。
有关边距和填充的更多信息,请参阅 本文.
谢谢您的意见