更改 SharePoint 网站的外观

应用对象
SharePoint Server 2019 SharePoint Server 2016 Office 365 小型企业版 由世纪互联运营的 Office 365 - 小型企业管理员版

本文讨论如何以网站所有者或具有设计权限的用户身份更改 SharePoint 网站的 整体外观 。 可以快速轻松地自定义 SharePoint 网站的外观,以反映你的专业风格和品牌。 可用的选项取决于正在使用的 SharePoint 版本。

选择 SharePoint 网站右上角 SPO 迁移工具的设置设置,然后选择更改外观。

注意

  • 如果看不到“ 更改外观”,则你可能无权管理此选项,或者你处于经典体验。
  • 有关权限的详细信息,请参阅 了解 SharePoint 中的权限级别 或咨询管理员。
  • 若要更改具有经典体验的 SharePoint 网站的外观,请访问 此处

使用主题更改 SharePoint 网站颜色

选择“ 更改外观>主题”

更改 SharePoint 网站的主题 选择所需的外观。

将看到应用所选主题后网站外观的预览。

为您的公司选择具有批准品牌的公司主题,或使用经典体验设计之一。

可以选择默认 SharePoint 主题之一,并根据需要对其进行自定义。

主色和主题色列表因你选择自定义的默认 SharePoint 主题而异。

若要自定义默认 SharePoint 主题之一的颜色:

  1. 选择主题,然后选择“ 自定义”。
  2. 选择所需的主色和主题色,然后选择 “保存” 以将其应用到网站。
或者,如果您不喜欢看到的内容,并且想要还原到最初的内容,请改为选择“取消”。

注意

  • 管理员可能已将网站主题设置为仅显示公司批准的主题列表。 如果是这样,你将看不到任何默认 SharePoint 主题。
  • 如果要更新子网站上的主题,或者管理员已将网站设置为经典体验,请按照 经典体验设计部分中的说明进行操作。
  • 目前,不能使用此设置更改网站的背景色。 SharePoint 管理员可以按 SharePoint 主题中所述更改公司批准的主题。
  • 按钮颜色基于网站主题主题色,不能独立于网站主题进行更改。
  • 此处了解如何自定义页面标题区域。
  • 若要创建和上传公司主题,请参阅 SharePoint 网站主题
  • 有关自定义网站的其他方法,请参阅 自定义 SharePoint 网站

自定义网站标题

  1. 选择 “更改外观>标头”。

    注意

    对于 GCC、GCC High、DoD、Gallatin 和主权云客户,将暂 从更改 外观 面板中删除最小和扩展标头布局。 使用最小标头的网站会自动转换为紧凑标头,使用扩展标头布局的网站将自动转换为标准标头。

    更改显示 SharePoint 网站页眉布局选项的外观面板

  2. 选择布局: (紧凑布局是所有新式网站的默认布局) :

    1. 最小布局:降低高度,将所有内容集中在一行中,包括小网站徽标、网站标题、网站导航以及网站操作和标签。
      最小标头

    2. 紧凑布局:一种较高的布局,使用全尺寸网站徽标,同时将内容保持在单行上。
      紧凑标题

    3. Standard layout:将全尺寸网站徽标和内容拆分为 2 行的布局。
      Standard 标头

    4. 扩展布局:我们最大的布局,其中内容拆分为 2 个内容区域,其中包含网站徽标、网站标题和可选的背景图像,与下面的其他内容分开。
      扩展布局

      注意

      如果在指定为“主页”的中心站点上使用扩展标头,则站点导航将替换为集线器导航栏。

  3. 转到 “设计”选项卡,在“背景”部分,选择主题颜色以更改网站标题的背景颜色。 或者上传图像作为背景,并调整背景图像的叠加、不透明度、焦点。
    网站页眉背景部分 in 使用主题颜色选取器和图像上传选项更改外观

  4. “版式 ”部分,通过从可用字体包列表中选择更改网站标题字体:
    “使用字体包列表更改页眉文本的外观”中的网站页眉“版式”部分

  5. 在“显示”部分,执行以下操作:

    1. 选择 切换 设置网站标题的可见性;
    2. 选择“ 更改 ”以添加网站徽标缩略图 (必须为方形徽标,才能在需要方形纵横比) 的体验中默认使用;
    3. 选择 “更改 ”以添加网站徽标。 如果使用扩展布局,请选择 网站徽标 对齐方式。

    注意

    要确保正确呈现,请选择一个适合 64 x 64 像素到 192 x 64 像素 (宽 x 高) 范围内的图标。

    中的站点标题徽标设置 使用 64x64 到 192x64 像素的大小指导更改显示徽标上传区域的外观

  6. 完成后,选择“ 保存”。

更改导航样式

  1. 选择 “更改外观>导航”。

  2. “方向”下,选择 “水平”“垂直”。 如果选择 “水平”,则可以选择以下选项之一:
    Megamenu
    SharePoint 大型菜单
    级联
    SharePoint 级联菜单示例

    注意

    • 在启用了经典发布功能 () 的站点上不支持 Megamenu。
    • 若要更改导航链接,请参阅 自定义 SharePoint 网站上的导航
    • 使用 megamenu 样式时添加到第 3 层的链接仅显示为单个垂直列表。
  3. 转到“ 设计”选项卡,在“ 版式 ”部分,通过从可用字体包列表中进行选择来更改导航链接字体:
    网站导航 “版式”部分 “使用导航链接文本的字体包列表更改外观”

  4. 选择 “保存” 以应用更改。

  1. 在你的网站上,单击“设置”Office 365 设置按钮,然后单击“更改外观>页脚”。

    注意

    • 如果在“设置”菜单上看不到“更改外观”,则你可能无权管理此选项。 有关详细信息,请参阅了解 SharePoint 中的权限级别,或咨询你的管理员。
    • 网站页脚功能仅在通信 网站页面上可用。 它们不适用于列表页面、库页面或网站上的其他页面。

    “更改外观”面板中的网站页脚对齐选项

  2. 将“页脚可见性”开关切换为 “打开 ”,以向网站添加页脚。

  3. 选择一种布局:

    1. 简单布局: 显示一层链接和标签,最多 8 列宽。

      简单的页脚布局

    2. 扩展布局: 显示两级链接和标签,最多 8 列宽。
      扩展页脚

4. 更改页脚 链接对齐方式。

5. 选择 “上传 ”以将徽标图像添加到页脚。 图像会自动调整大小。

6. 若要为页脚添加名称,请输入 “显示名称”。

7. 转到 “设计”选项卡,选择背景颜色或添加图像。
网站页脚 “更改外观”中的“设计”选项卡,显示背景颜色选取器和图像上传选项

8. 在 版式 部分,通过从可用字体包列表中选择更改页脚名称和链接字体:

网站页脚版式部分 in “更改外观” 页脚名称和链接文本的字体包列表

9. 选择保存以保存所做的更改。

向网站添加页脚后,可以向页脚添加链接或标签。 在菜单标签和链接左侧的页脚中选择“ 编辑 ”。

扩展页脚的编辑选项

有关添加或编辑链接和标签的详细信息,请参阅 自定义 SharePoint 网站上的导航。 可以添加一个级别,最多八个链接或标签。