使用指南/创建内容/设计/滚动时保持区块可见

滚动时保持区块可见

置顶元素是您网站的一个区块,会在访客向下滚动您的页面时保持“固定”。本指南将通过按钮、页眉和菜单等常见示例,说明如何创建置顶元素。使用相同步骤即可将您站点上的任何内容置顶。

视频教程

如何创建置顶页眉和横幅

将任何元素置顶

要使任何区块或区块组置顶,您需要将其置于具有特殊“置顶”位置设置的“组”区块中。请按照以下步骤在您的站点上创建置顶元素:

  1. 访问您站点的仪表盘
  2. 导航至“页面”、“文章”或“外观 → 模板”,编辑您要置顶的内容。
  3. 在编辑器的左上角选择列表视图。这个图标看起来像三条彼此平行的水平线。
  4. 选择一个现有的“组”区块,或新建一个
    • 要快速创建组,请选择多个元素并点击三个点 (),然后选择“”以将其置于“组”区块中。
    • 要置顶,元素必须位于顶层位置(即未嵌套在其他区块内)。
  5. “组”区块设置边栏中,找到“位置”部分,然后从下拉菜单中选择“置顶”选项。
  6. 点击“保存”按钮,将更改应用到您的模板。

详细了解如何进一步自定义置顶元素所在“组”区块样式布局

创建置顶菜单

创建置顶菜单意味着整个菜单会在查看者向下滚动页面时保持“固定”。要创建置顶菜单,请按照以下步骤操作:

  1. 从您的仪表盘导航至“外观 → 编辑器”。
  2. 选择“模板”选项卡,然后点击带有您页眉的模板。
  3. 点击左上角的“列表视图”图标。
  4. 选择“导航”区块,并确保其为顶层元素。(在大多数情况下,“导航”区块嵌套在页眉模板部分或类似布局元素中,因此您需要将其单独移出。)
  5. 点击“导航”区块项目旁边的三个点 (),然后选择“”,将菜单置于“组”区块内。
  6. 区块设置边栏中,将“位置”设为“置顶”。
    • 您可能还想更改组的背景颜色,以确保菜单文本在滚动经过不同内容时始终清晰可读。
  7. 点击“保存”

详细了解如何进一步自定义置顶元素所在“组”区块样式布局

创建置顶页眉

置顶页眉会在访客浏览站点时始终固定在屏幕上。了解如何创建置顶页眉

Copied to clipboard!