通过

编辑站点页眉

编辑您的站点的页眉，将您的商标应用于您的 Power Pages 站点。 您可以：

  • 更新站点标题，添加组织的徽标。
  • 为徽标图像提供替代文本。
  • 更改颜色和字体。
  • 预览站点的响应式布局。

在“页面”工作区中，将鼠标悬停在页眉组件上，然后选择编辑站点页眉。 编辑选项显示在“页面”工作区的窗口中。

“编辑站点页眉”按钮的屏幕截图，当您将鼠标悬停在“页面”工作区内的页眉上时，此按钮将出现。

在标题编辑窗口的标题 + 徽标部分更改站点标题，或者更改或删除徽标。 您还可以使用 Liquid 代码对这些内容进行自定义。

页眉编辑窗口中标题和徽标选项的屏幕截图。

  • 在站点标题下的框中输入站点的标题。
  • 要使用不同的徽标，选择上载图像，按照提示选择图像文件。
  • 在替代文本下的框中为徽标图像输入替代文本。
  • 要完全从页眉中删除徽标，关闭站点徽标切换。

使用 Liquid 自定义标题和徽标

页眉由三个内容片段组成，这些内容片段使用 Liquid 标记语言。

内容片段 Liquid 语法
站点名称 {{ snippets['Site name'] }}
徽标 URL {{ snippets['Logo URL'] }}
徽标替换文本 {{ snippets['Logo alt text'] }}

如果在代码中更改了标题和徽标，这些更改将替代在页眉编辑窗口中进行的任何更改。 如果这些更改导致您无法进行编辑，将会显示以下消息：Your updates may not show on the site because of customizations to the code made by someone in your org.

在门户管理应用中修改页眉，使页眉代码与您在页眉编辑窗口中进行的更改匹配。

样式

在页眉编辑窗口的样式部分更改页眉的样式。

小费

您还可以通过编辑网站的 CSS 文件来自定义页眉的样式。

品牌颜色

页眉编辑窗口中样式选项的屏幕截图。

  • 选择品牌颜色下的圆圈可以更改站点页眉使用的颜色。
  • 选择页眉背景右侧的方形可以更改页眉的背景颜色。
  • 选择标题和站点导航右侧的 > 可以更改站点标题和导航元素的类型特征。

布局

在页眉编辑窗口的布局部分预览站点的响应式布局。

页眉编辑窗口中布局选项的屏幕截图。

  • 使用 + 和 - 控件更改显示大小。

另请参见

添加文本
“添加”按钮
添加图像
添加视频
添加分隔条
添加 Power BI
添加列表
添加窗体
添加 iFrame
添加多步窗体
使用 Web 版 Visual Studio Code 编辑代码
构造站点地图