置顶元素是您网站的一个区块,会在访客向下滚动您的页面时保持“固定”。本指南将通过按钮、页眉和菜单等常见示例,说明如何创建置顶元素。使用相同步骤即可将您站点上的任何内容置顶。
要使任何区块或区块组置顶,您需要将其置于具有特殊“置顶”位置设置的“组”区块中。请按照以下步骤在您的站点上创建置顶元素:
- 访问您站点的仪表盘。
- 导航至“页面”、“文章”或“外观 → 模板”,编辑您要置顶的内容。
- 在编辑器的左上角选择列表视图。这个图标看起来像三条彼此平行的水平线。
- 选择一个现有的“组”区块,或新建一个。
- 要快速创建组,请选择多个元素并点击三个点 (⋮),然后选择“组”以将其置于“组”区块中。
- 要置顶,元素必须位于顶层位置(即未嵌套在其他区块内)。
- 在“组”区块设置边栏中,找到“位置”部分,然后从下拉菜单中选择“置顶”选项。
- 点击“保存”按钮,将更改应用到您的模板。
详细了解如何进一步自定义置顶元素所在“组”区块的样式和布局。
创建置顶菜单意味着整个菜单会在查看者向下滚动页面时保持“固定”。要创建置顶菜单,请按照以下步骤操作:
- 从您的仪表盘导航至“外观 → 编辑器”。
- 选择“模板”选项卡,然后点击带有您页眉的模板。
- 点击左上角的“列表视图”图标。
- 选择“导航”区块,并确保其为顶层元素。(在大多数情况下,“导航”区块嵌套在页眉模板部分或类似布局元素中,因此您需要将其单独移出。)
- 点击“导航”区块项目旁边的三个点 (⋮),然后选择“组”,将菜单置于“组”区块内。
- 在区块设置边栏中,将“位置”设为“置顶”。
- 您可能还想更改组的背景颜色,以确保菜单文本在滚动经过不同内容时始终清晰可读。
- 点击“保存”。
详细了解如何进一步自定义置顶元素所在“组”区块的样式和布局。
置顶页眉会在访客浏览站点时始终固定在屏幕上。了解如何创建置顶页眉。