更改 SharePoint 网站的外观

更改 SharePoint 网站的外观

您可以快速轻松地自定义您的网站的外观 SharePoint 以反映您的专业风格和品牌。 可用的选项取决于 SharePoint 的版本。

注意: 要更改外观,您需要网站所有者或网站设计权限。

更改外观设置位于设置 SPO 迁移工具的设置 右上角的SharePoint 下。 对于团队网站,可以更改主题和标题。 在通信网站上,您还可以更改导航的布局,以及向网站添加页脚。

使用主题更改网站 SharePoint 颜色

你可以选择默认主题之一 SharePoint 自定义它,选择公司主题,为公司选择具有批准的品牌,或使用经典体验设计之一。 若要创建和上传公司主题,请参阅SharePoint主题。

注意: 

  • 一些功能逐渐引入到已选择加入定向发布 计划的组织。 这意味着你可能不会看到此功能,或者此功能可能看起来不同于帮助文章中的描述。

  • 有关自定义网站的其他方法,请参阅自定义SharePoint网站

  1. 在你的网站上,单击"设置 SPO 迁移工具的设置 ",然后单击"更改>主题"。

    注意: 如果未在"更改"菜单上看到"更改设置外观",则您可能没有管理此选项的权限。 有关详细信息,请参阅了解 SharePoint 中的权限级别,或咨询你的管理员。

  2. 选择想要的外观。 应用所选主题后,你将看到网站外观的预览。 单击 " 保存"以将其应用于您的网站,或者,如果您不喜欢您看到的内容并想要还原回开始时的内容,请单击 "取消 "。

    注意: 

    • 管理员可能将网站主题设置为只显示公司批准的主题列表。 如果是这样,则看不到任何默认主题 SharePoint 主题。

    • 如果要更新子网站上的主题,或者管理员将网站设置为经典体验,请按照经典体验 设计部分中的说明进行操作

    更改 SharePoint 网站的主题

  3. 若要自定义其中一个默认主题 SharePoint 颜色,请选择主题,然后单击"自定义"。

  4. 选择想要的主要颜色和主题色,然后单击 "保存" 以将其应用于您的网站。 主色和主题色的列表因你选择 SharePoint 的默认主题而异。

    注意: 目前,你无法使用此设置更改网站的背景色。 SharePoint 管理员可以更改公司批准的主题,如主题中所述SharePoint主题

    为网站选择SharePoint主题

    自定义网站主题SharePoint颜色

自定义网站标题

  1. 在你的网站上,单击"设置 Office 365“设置”按钮 ",然后单击"更改>标题"。

    注意: 

    • 如果未在"更改"菜单上看到"更改设置外观",则您可能没有管理此选项的权限。 有关详细信息,请参阅了解 SharePoint 中的权限级别,或咨询你的管理员。

    • 最小和扩展的标头布局将暂时从更改 GCC、GCC High、DoD、Gallatin 和 Sovereign 云客户的查看面板中删除。 使用最小标头的网站将自动转换为压缩页眉,使用扩展页眉布局的网站将自动转换为标准标头。

    更改外观标题

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

    1. 最小布局:通过一行中所有内容(包括小网站徽标、网站标题、网站导航以及网站操作和标签)减少高度。

      最小标头

    2. 紧凑布局:较大的高度布局,使用全尺寸网站徽标,同时将内容保留为一行。

      压缩标头

    3. 标准布局:具有全尺寸网站徽标和内容拆分为 2 行的布局。

      标准标头

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

      扩展标头

  3. 在"背景" 部分中 ,选择主题颜色以更改网站标题的背景色。 选择 "扩展的标题 ",确定背景图像的焦点。

    更改外观

  4. 在"显示"部分中,执行以下操作:

    1. 选择 "切换 "以设置网站标题的可见性;

    2. 选择" 更改"以添加网站徽标缩略图 (必须是方形徽标,以在需要方形纵横比的用户体验中默认) ;

    3. 选择 "更改 "以添加网站徽标 (纵横比为矩形。

      如果使用扩展布局,请选择" 网站徽标对齐 方式"。

    更改外观显示

  5. 完成时单击“保存”。

更改导航样式

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

    注意: 如果未在"更改"菜单上看到"更改设置外观",则您可能没有管理此选项的权限。 有关详细信息,请参阅了解 SharePoint 中的权限级别,或咨询你的管理员。

  2. 请选择下列选项之一:

    Megamenu

    SharePoint兆菜单

    级联

    SharePoint级联菜单示例

    注意: 

    • megamenu 样式仅在与 SharePoint 或通信 Microsoft Teams 中心网站上可用。

    • 启用经典发布功能的网站不支持 megamenu () 启用。

    • 若要更改导航链接,请参阅自定义网站SharePoint导航

    • 使用 megamenu 样式时添加到第三级的链接将仅显示为单个垂直列表。

  3. 单击 "应用 "保存更改。

添加网站页脚

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

    注意: 

    • 如果未在"更改"菜单上看到"更改设置外观",则您可能没有管理此选项的权限。 有关详细信息,请参阅了解 SharePoint 中的权限级别,或咨询你的管理员。

    • 网站页脚功能仅在通信网站页面上可用。 它们不适用于您的网站上的列表页、库页面或其他页面。

    在启用页脚时更改外观面板

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

  3. 选择布局:

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

      简单的页脚布局
    2. 扩展布局: 显示两个级别的链接和标签,最多八列宽。

      扩展的页脚

3. Upload,将徽标图像添加到页脚。 将自动调整图像大小。

4. 若要为页脚添加名称,请输入"显示名称"。

5. 选择背景色。

6. 选择"保存 "以保存更改。

编辑页脚标签和链接

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

扩展页脚的"编辑"选项

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

使用经典体验主题更改颜色、背景或字体

如果管理员将网站设置为经典体验,或者要更改子网站的主题,请按照以下步骤更改网站的颜色、背景和 SharePoint 字体:

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

  2. 单击"查看经典设置"或"经典更改外观选项"。 如果已使用经典体验,请跳过此步骤。

    可用于自定义社区网站的设计示例

  3. 从选项中选择一种外观。 如果你不喜欢其中的颜色或图像,不要担心,你可以在下一步骤中更改它。

  4. 若要添加或更改背景图像,请选择"更改"以上传自己的图像,或者将图像从计算机拖动到"更改"命令上方的缩略图上。

    SharePoint更改外观背景图像选择

  5. 要更改配色方案,请单击“颜色”旁边的箭头,并选择其他配色方案。

    编辑外观的颜色、字体和布局

  6. 要更改布局,请单击“网站布局”旁边的箭头并选择其他布局,这控制导航链接、搜索框等的位置。

  7. 要更改字体,请单击“字体”旁边的箭头并选择其他字体。

    注意: 可以更改字体类型样式,但不能更改字号。

  8. 当您准备好查看应用于网站内容时更改外观的全尺寸预览时,请单击"试用"。 更改尚不对其他网站用户可见。

    注意: 如果不喜欢所示外观并且想恢复到开始时的外观,请单击“重新开始”。或者可单击网站徽标退出“更改外观”并返回网站主页。

  9. 如果喜欢在预览中看到的内容,请单击“保留”。 否则,请单击“重试”并尝试其他内容。

    保留更改或忽略

使用主题更改网站 SharePoint 颜色

你可以选择默认主题之一 SharePoint 自定义它,选择公司主题,为公司选择具有批准的品牌,或使用经典体验设计之一。 若要创建和上传公司主题,请参阅SharePoint主题。

注意: 

  • 一些功能逐渐引入到已选择加入定向发布 计划的组织。 这意味着你可能不会看到此功能,或者此功能可能看起来不同于帮助文章中的描述。

  • 有关自定义网站的其他方法,请参阅自定义SharePoint网站

  1. 在你的网站上,单击"设置 SPO 迁移工具的设置 ",然后单击"更改>主题"。

    注意: 如果未在"更改"菜单上看到"更改设置外观",则您可能没有管理此选项的权限。 有关详细信息,请参阅了解 SharePoint 中的权限级别,或咨询你的管理员。

  2. 选择想要的外观。 应用所选主题后,你将看到网站外观的预览。 单击 " 保存"以将其应用于您的网站,或者,如果您不喜欢您看到的内容并想要还原回开始时的内容,请单击 "取消 "。

    注意: 

    • 管理员可能将网站主题设置为只显示公司批准的主题列表。 如果是这样,则看不到任何默认主题 SharePoint 主题。

    • 如果要更新子网站上的主题,或者管理员将网站设置为经典体验,请按照经典体验 设计部分中的说明进行操作

    更改 SharePoint 网站的主题

  3. 若要自定义其中一个默认主题 SharePoint 颜色,请选择主题,然后单击"自定义"。

    选择想要的主要颜色和主题色,然后单击 "保存" 以将其应用于您的网站。 还可以选择是否将灰色 (中性) 、浅 (柔化 ) 或深色 (强 ) 主色版本应用于网站标题,也可以保留默认的白色页眉背景。 主色和主题色的列表因你选择 SharePoint 的默认主题而异。

    注意: 目前,你无法使用此设置更改网站的背景色。 SharePoint 管理员可以更改公司批准的主题,如主题中所述SharePoint主题

    为网站选择SharePoint主题

    自定义网站主题SharePoint颜色

使用经典体验主题更改颜色、背景或字体

如果管理员将网站设置为经典体验,或者要更改子网站的主题,请按照以下步骤更改网站的颜色、背景和 SharePoint 字体:

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

  2. 单击"查看经典设置"或"经典更改外观选项"。 如果已使用经典体验,请跳过此步骤。

    可用于自定义社区网站的设计示例

  3. 从选项中选择一种外观。 如果你不喜欢其中的颜色或图像,不要担心,你可以在下一步骤中更改它。

  4. 若要添加或更改背景图像,请单击"更改"以上传你自己的图像,或者将图像从计算机拖动到"更改"命令上方的缩略图上。

    SharePoint更改外观背景图像选择

  5. 要更改配色方案,请单击“颜色”旁边的箭头,并选择其他配色方案。

    编辑外观的颜色、字体和布局

  6. 要更改布局,请单击“网站布局”旁边的箭头并选择其他布局,这控制导航链接、搜索框等的位置。

  7. 要更改字体,请单击“字体”旁边的箭头并选择其他字体。

    注意: 可以更改字体类型样式,但不能更改字号。

  8. 当您准备好查看应用于网站内容时更改外观的全尺寸预览时,请单击"试用"。 更改尚不对其他网站用户可见。

    注意: 如果不喜欢所示外观并且想恢复到开始时的外观,请单击“重新开始”。或者可单击网站徽标退出“更改外观”并返回网站主页。

  9. 如果喜欢在预览中看到的内容,请单击“保留”。 否则,请单击“重试”并尝试其他内容。

    保留更改或忽略

使用主题更改网站的颜色、背景 SharePoint 字体

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

    设置菜单,突出显示"更改外观"

    您也可以单击"设置 Office 365“设置”按钮 ",单击"网站设置",然后在"外观"标题下,单击"更改外观"。

    网站设置"外观"部分,突出显示"更改外观"

    注意: 

    • 如果你的主页上有“网站入门”磁贴,可以单击“你的样式”磁贴。

    • “入门”磁贴中的“你的样式”按钮

    • 如果在"网站"菜单或"设置"页面上看不到"更改外观设置,您可能没有管理此选项的权限。 有关详细信息,请参阅了解 SharePoint 中的权限级别,或咨询你的管理员。

  2. 从选项中选择其他外观。 如果你不喜欢其中的颜色或图像,不要担心,你可以在下一步骤中更改它。

    可用于自定义社区网站的设计示例

  3. 现在,您可以发挥创造力:

    • 要添加或更改背景图像,请单击“更改”并上载您自己的图像,或将图像从您的计算机中拖到“更改”命令上方的缩略图上。

      注意: 如果拖放无效,请安装最新版本的浏览器软件或 Microsoft Office 2013 或更高版本。

    • 要更改配色方案,请单击“颜色”旁边的箭头,并选择其他配色方案。

    • 要更改布局,请单击“网站布局”旁边的箭头并选择其他布局,这控制导航链接、搜索框等的位置。

    • 要更改字体,请单击“字体”旁边的箭头并选择其他字体。

    自定义所选主题

    注意: 

    • 可以立即在预览区域看到更改后的效果。 若要还原到开始时的,请单击"重新开始"。 您也可以单击网站徽标退出 "更改外观"并 返回到网站的主页。

    • 由于 SharePoint 安装可以有多种版本或经任意种方式自定义,因此网站的设计师可能提供了其他退出方法。 如果看不到其他退出方法,请咨询你的管理员。

  4. 若要查看应用于网站内容时更改外观的完整预览,请单击"试用"。 更改尚不对其他网站用户可见。 如果你不喜欢目前所见的外观,请单击“重新开始”。

  5. 如果喜欢在预览中看到的内容,请单击“保留”。 否则,请单击“重试”并尝试其他内容。

注意: 完成操作后或改变主意时,请单击屏幕左上方的痕迹导航链接之一,以返回原位置。

访问网站时,访问者最先看到的通常是标题,因此最好选择能说明团队或项目的标题。 添加徽标可帮助人们快速确认他们位于正确的网站。

  1. 在 SharePoint 网站上,单击设置 Office 365“设置”按钮然后单击"网站设置"。

  2. 在“网站设置”页面上的“外观”下,单击“标题、说明和徽标”。

    选择了设置、说明和徽标的网站网站

    注意: 如果看不到"标题 说明和徽标",您可能没有管理该选项的权限。 您需要具有网站的"所有者"或"设计"权限。 组织还可以定义整个网站集的设计,并且已删除管理这些选项的权限。 有关详细信息,请参阅了解 SharePoint 中的权限级别

  3. 在“标题”字段中输入新标题。
    新标题将显示在网站的每个页面上。

    标题、说明和徽标设置页面

  4. 在“说明”字段中输入新说明。 说明不会在网站上显示,但会在搜索结果页中显示。

  5. 更改徽标:

    • 要从您的计算机上载徽标,请单击“从计算机”,单击“浏览”,找到该图像,然后单击“打开”。

    • 若要从图像中添加徽标SharePoint,请单击"从 SharePoint ",浏览到存储图像的库,选择图像,然后单击"插入"。 (假定你已将徽标上载到团队网站。)

  6. 单击“确定”保存所做的更改。

如果不喜欢徽标在网站上的显示方式,只需修改徽标并重复以上步骤以覆盖徽标。

需要更多帮助?

扩展你的 Office 技能
了解培训
抢先获得新功能
加入 Office 预览体验计划

此信息是否有帮助?

×