SharePoint 网站品牌塑造和页面自定义解决方案

你可以通过两种方式自定义 SharePoint 网站的外观:

  • 使用主题引擎来创建自定义主题(SharePoint 和 SharePoint Online 中的组合外观)。 至少,主题定义颜色。 完整主题定义颜色、字体、背景图像和关联的母版页,以及定义如何预览母版页的 .preview 文件。 可以使用远程预配模式将主题应用到网站。

  • 创建应用于 SharePoint Online 网站的自定义级联样式表 (CSS)。 可以使用 SharePoint 加载项和远程预配模式,将 SharePoint 网站预配为使用自定义 CSS。

重要

这些可扩展性选项适用于经典 SharePoint 体验。 不能将这些选项用于 SharePoint Online 中的新式体验(如通信网站)。

品牌塑造经历了从简单的低成本到复杂的高成本的变化。 用户可以使用 UI 来应用组合外观,其中包括背景图片、调色板、字体、母版页以及与母版页关联的 .preview 文件。 可以使用 SharePoint 主题引擎来设计组合外观和预配网站,且可以创建自定义 CSS 来修改你的网站及其元素的外观。

重要

尽管可以创建自定义母版页和其他结构元素作为自定义品牌项目的一部分,但支持自定义母版页和其他自定义结构元素的长期成本很高。 自定义品牌打造会以更高昂的成本为你的组织应用升级,并提供持续支持。

本部分基于你关于 SharePoint 开发和设计工具及做法的知识,向你演示如何自定义 SharePoint 网站的外观。

条款和概念

表 1. 与 SharePoint 品牌相关的关键术语和概念

术语或概念 定义 详细信息
备用 CSS 您可以将除默认文件之外的 CSS 文件应用到您网站的外观。 使用备用 CSS 将自定义 CSS 应用到网站及其所有子网站中。
CSS 一种告诉浏览器如何呈现 HTML 或 XML 文档样式的语言。 CSS 将文档内容(HTML 或 XML)从内容表现形式中分离出来。
组合外观 一组应用于网站的字体、调色板、背景图像和关联的母版页。 字体方案和彩色图像是可选的。 组合外观的默认文件位置如下:Theme Gallery\15 文件夹

使用组合外观,可以非常方便地更改网站外观,而无需对网站结构进行任何更改。

默认情况下,SharePoint 附带多个可供选择的组合外观。 当用户应用组合外观时,SharePoint 会将所有与组合外观相关联的设计元素全部应用到网站上。

内容搜索 Web 部件 基于指定查询显示搜索结果中的内容。 SharePoint 中的内容搜索 Web 部件
corev15.css 包含 SharePoint 大部分主要功能的 CSS 文件。 以下是默认文件位置:_layouts\15 文件夹
CSSRegistration 母版页(如 seattle.master)中的引用,其中加载了大部分应用到大多数默认 UI 的 CSS。 在母版页中使用“CSSRegistration”控件来覆盖默认 CSS。
自定义操作 你可以用来自定义主机 web 上的列表和功能区并与其进行交互的操作。 创建自定义操作以部署 SharePoint 外接程序
设备通道 通过对呈现在特定设备上的目标内容使用唯一通道,从而以多种方式呈现单个 SharePoint 发布网站。 SharePoint 设计管理器设备通道
显示模板 搜索 Web 部件用于显示搜索索引查询结果的模板。 SharePoint 设计管理器显示模板
图像呈现形式 在发布网站上显示同源图像的不同尺寸版本。 SharePoint 设计管理器图像呈现形式
托管元数据 SharePoint 中的功能使你能够定义术语、术语集、组和术语标签。 有时称为分类。 在 SharePoint 中,托管元数据系统是托管导航的基础。 SharePoint 中的托管元数据和导航
托管导航 基于托管元数据而生成的用于发布网站的导航。 该导航是从术语库的指定术语集中生成的。 SharePoint 中的托管导航
母版页 这是标准化 SharePoint 页面的左侧和顶部导航区域的行为和表现的页面。 SharePoint 中的母版页、母版页样式库和页面布局
母版页样式库 SharePoint 中的特殊文档库,其中默认存储了所有品牌元素,即母版页、页面布局、JavaScript 文件、CSS 和图像。 每个网站有其自己的母版页样式库。 在创建自定义品牌元素时,我们建议将自定义资产存储在默认的母版页样式库文件结构中。 SharePoint 中的母版页、母版页样式库和页面布局
Oslo.master SharePoint 中的母版页。 将当前导航移至顶部导航区域的相同位置。
页面内容控件 位于可在其中添加 Web 部件的发布网站上的控件。
页面布局 SharePoint 发布网站页面的模板,让用户能够以一致的方式布局在页面上的信息。
快速启动 管理协作网站页面左侧的导航元素。 您可以添加标题链接到组导航项。
REST 无状态的体系结构样式,提取体系结构元素并使用 HTTP 谓词从包含 XML 文件的网页读取和写入数据。 了解 SharePoint REST 服务
根网站 网站集中的第一个网页。 根网站有时也称为“Web 应用程序根”。
Seattle.master 适用于 SharePoint 团队网站和发布网站的默认母版页。
网站布局 请参阅母版页。 网站布局将主题的母版页与其相应的 .preview 文件结合在一起。
结构化导航 基于发布网站的网站层次结构建立的适用于发布网站的导航结构。 您可以添加标题和链接,实现手动更换或自定义 SharePoint 自动生成的结构化导航。 如何:自定义 SharePoint Server 2010 (ECM) 中的导航
主题 一种将光品牌应用到 SharePoint 网站上的简单方法。 主题的默认文件位置是网站的 _themes 文件夹。

主题是一种将自定义品牌应用到 SharePoint 网站的简单方法。


- SharePoint 主题概述
- 在 SharePoint 中部署自定义主题
主题引擎 一组文件和功能,用于定义与组合外观相关联的外观、感觉、行为和文件。
用户代理字符串 浏览器向网站传递的信息,该网站能够识别从服务器发出请求的软件。 SharePoint 设计管理器品牌打造和设计功能
用户自定义操作 一个 CSOM 属性,该属性为网站、列表或网站集返回自定义操作的集合。 默认文件位置如下:15\TEMPLATE\FEATURES

例如:
<HideCustomAction GroupId="Galleries"
   HideActionId="Themes"
   Location="Microsoft.SharePoint.SiteSettings">
- UserCustomAction 类
- 创建自定义操作以部署 SharePoint 加载项
- 如何:使用用户自定义操作
- 默认自定义操作位置和 ID

本节内容

文章 介绍如何...
使用组合外观打造 SharePoint 网站品牌 将组合外观(包括颜色、字体和背景图像)应用到你的 SharePoint 和 SharePoint Online 网站。
使用远程预配功能打造 SharePoint 页面的品牌 使用远程预配与 SharePoint 中的主题进行交互。
使用 CSS 打造 SharePoint 页面品牌 使用远程预配与 SharePoint 中的主题进行交互。
使用远程设置和 CSS 自定义 SharePoint 页面 使用 CSS 自定义 SharePoint 格式文本字段和 Web 部件区域。
更新现有 SharePoint 网站和页面区域的品牌 自定义之后,刷新 SharePoint 页面现有 SharePoint 网站或区域的品牌,包括功能区、网站导航、设置菜单、树视图和页面内容。
自定义 OneDrive for Business 网站 在 Office 365 中或使用加载项模型自定义 OneDrive for Business 网站品牌(具体视组织要求而定)。

另请参阅