通过

品牌打造

摘要

有众多理由可以解释对 SharePoint 网站应用自定义品牌打造的原因。 这些原因包括企业标识、可用性、市场营销等。SharePoint Online 网站支持自定义品牌打造，但选项与 SharePoint 本地部署略有不同。

本文中的资源将从运营和维护的视角帮助你分析自定义的短期及长期影响。 围绕长期影响分析的指南并非专门针对 SharePoint，还可供基于任意平台打造的任何 IT 解决方案作为经验借鉴。

高级准则/一般规则

  • Office 365 会经常更新。 若要能够受益于最新功能，请使用推荐的方法对 SharePoint Online 打造品牌。
  • 通过 DOM 操作、自定义 CSS 或自定义母版页和页面布局自定义 SharePoint 体验时，应用每个 SharePoint 更新后，验证自定义项仍可按预期工作且不会与所安装更新引入的任何更改发生冲突。

新式体验

适用于：Office 365

2016 年，SharePoint Online 团队发布了“新式”协作网站。 此类“新式”团队网站与 Microsoft 365 组集成，大大提升了最终用户体验。 “新式”团队网站旨在提供响应式用户体验，让最终用户可以更快速地创建和使用此类网站。 下面介绍了“新式”团队网站的一些主要优势：

  • 旨在针对任意设备进行原生缩放，无需使用自定义，即可提供完全响应式用户体验。
  • 包含原生新闻、快速链接和活动功能。
  • 与 Microsoft 365 组集成。
  • 相比“经典”团队网站，网站创建速度明显加快。
  • 包括支持 Microsoft Flow 和 PowerApps 的“新式”列表和库。
  • 包括“新式”页面编辑功能。
  • 包括更新后的网站内容页，提供更多有关网站使用情况的见解数据。

相比“经典”团队网站，“新式”团队网站具有不同级别的自定义选项。 随着时间的推移，我们将引入更多的自定义选项，主要以可扩展性和品牌塑造为重点。 下面的列表简单概述了“新式”团队网站支持的功能： 可以：

  • 应用自定义主题或更改徽标。
  • 应用现成主题。
  • 创建自定义网站列（字段）和内容类型。
  • 创建列表和库。
  • 配置网站设置（如区域设置、语言和审核设置）。
  • 使用 SharePoint 框架扩展来提供用户界面组件和控件。
  • 使用中心网站功能来提供跨网站集导航功能。

文章

解决方案

视频

经典体验

适用于： Office 365 | SharePoint Server 2016 | SharePoint Server 2013

经典 SharePoint 用户体验基于 ASP.NET 母版页和页面布局。 虽然它可以在品牌打造方面提高可控性和灵活性，但需要付出更多努力以确保正常运行。 SharePoint 中的母版页和页面布局包含对 SharePoint 资源的引用。 每次修补 SharePoint 场或更新 SharePoint Online 时，必须确保自定义母版页包含所有必要引用以使你能够完全使用最新的 SharePoint 功能。

文章

解决方案

视频

新式主题

适用于：新式网站

SharePoint 网站所有者可以使用新功能向网站应用自定义样式和颜色，从而更轻松地跨网站集定义和管理主题。 这些新功能包括：

  • 可以定义自定义主题，以供网站所有者使用。 主题是在 JSON 架构中进行定义，其中存储每个主题的颜色设置和相关元数据。
  • 可用于定义新自定义主题的联机主题生成器工具。
  • 可以使用一组简化的默认主题，其中目前包含六个浅色主题和两个深色主题。
  • 更新后的调色板，其中包含 12 个浅色主题和 6 个深色主题以及 16 个补充主题。
  • 可以控制哪些主题可应用到网站页面。 例如，可以根据组织的品牌或标识定义自定义主题，并将这些主题设为网站中唯一可用的主题。

管理员可通过 PowerShell cmdlet 使用这些功能，开发者可通过 SharePoint 客户端对象模型 (CSOM) 或 SharePoint REST API 使用这些功能。

文章

组合外观（经典 SharePoint 主题）

适用于：经典网站

组合外观是 SharePoint 2013 和 SharePoint Online 中包括的现成主题。 若要将组合外观应用于 SharePoint 网站，请选择“网站设置”>“外观”>“更改外观”。 然后，可使用更改外观向导来自定义组合外观的颜色、字体、母版页和背景图片。 更改外观向导会复制和转换 CSS，并将其存储在 SharePoint 的内容数据库中。 此外，还会对图片重新着色并将其存储在内容数据库中。

文章

设计管理器和设计包

适用于：经典网站

设计管理器是 SharePoint 中的一项功能，可方便用户使用熟悉的 Web 设计工具，更轻松地创建完全自定义的完美像素设计。 设计管理器是一项发布功能，适用于 SharePoint 和 Office 365 中的经典发布网站。

借助设计管理器，您可以通过您喜欢的任何 Web 设计工具或 HTML 编辑器，仅使用 HTML 和 CSS 为您的网站创建可视化设计，然后将该设计上载到 SharePoint 中。 设计管理器是您管理自定义设计所有方面的中心枢纽和界面。

文章

自定义母版页和页面布局

适用于：经典网站

母版页为网站中的所有网页提供了所需的外观和标准行为。 与内容页一起使用时，母版页可生成将母版页布局与内容页中的内容相合并的相关输出。

因为 Microsoft SharePoint 基于 Microsoft ASP.NET 构建而成，所以它支持母版页定义通用于所有页面的元素。 可以在母版页或页面中指定网站的所有共享元素，并将页面特定元素添加到内容页面。

文章

视频

解决方案

自定义 CSS

适用于：经典网站

级联样式表 (CSS) 在 SharePoint 品牌打造中起着非常重要的作用。 若要在 SharePoint 2013 和 SharePoint Online 中成功自定义网站设计，需要熟悉 SharePoint 使用 CSS 的方式，这将非常有用。

文章

视频

解决方案

示例

脚本嵌入和 DOM 操作

适用于：经典网站

脚本嵌入意味着在页面上添加自定义 JavaScript，然后通过修改 html DOM 结构来修改最终用户体验。 此模型的典型方法是使用用户自定义操作、JSLink、内容编辑器 Web 部件，或脚本编辑器 Web 部件。 DOM 操作相关模型的难题是依赖实际页面结构。 这些类型的自定义项都很脆弱且容易损坏，因为 SharePoint Online 中发布了新的功能。

文章

视频

示例