使用指南/站点布局/设置站点页眉的样式

设置站点页眉的样式

页眉会显示在站点上每个页面的顶部,给您的访客留下第一印象。在本指南中,您将了解如何应用页眉背景、置顶页眉,以及自定义页眉使用的字体。

要求

要按照本指南中的步骤操作,您需要一个支持站点编辑器的主题。请在站点仪表盘中查找“外观 → 编辑器”,检查您的站点是否支持使用站点编辑器。

您需要访问您的“页眉”模板部分。如果您之前未执行过此操作,请按照我们“自定义您的页眉”指南中的说明进行操作。

更改页眉背景

更改页眉的背景颜色有助于树立您的品牌形象,并重点突出导航元素。要更改背景颜色,请执行以下步骤:

  1. 在编辑“页眉”模板部分时,点击编辑器左上方的“列表视图”图标(三条水平线),打开列表视图
  2. 导航至页眉模板部分中的“组”区块
箭头从“列表视图”指向“页眉”模板部分中的“组”区块。
  1. 区块设置边栏中,点击“样式”图标。它看起来像一个黑白圆圈。
  2. 应用背景颜色或添加背景图片

详细了解颜色背景图片

创建置顶页眉

置顶页眉会在访客浏览站点时始终固定在屏幕上。要创建置顶页眉,请按照以下步骤操作:

  1. 从您的仪表盘导航至“外观 → 编辑器”。
  2. 点击右侧的主页预览,或选择“模板”选项卡以自定义特定的模板
  3. 点击左上角的“列表视图”图标。
  4. 选择最顶部的页眉元素,点击三个点 (),然后选择“”选项,将页眉置于“组”区块中。
  5. 区块设置边栏中,将“位置”设为“置顶”。
  6. 点击“保存”按钮,保存您的更改。

了解如何为置顶元素所在的“组”区块设置样式。或者,了解如何调整“组”区块的布局

详细了解如何置顶元素

更改页眉字体样式

自定义页眉排版有助于树立品牌视觉形象,同时提升内容的可读性。要更改字体样式,请执行以下步骤:

  1. 在编辑页眉模板部分时,点击您要修改的文本元素(站点标题、菜单等)。
  2. 区块设置边栏中,点击“样式”图标。样式图标看起来像一个黑白圆圈。
  3. 找到“排版”设置,调整字体系列、大小、粗细或其他选项。
  4. 点击“保存”按钮,保存您的更改。

详细了解自定义字体

Copied to clipboard!