升级到 SharePoint 2013 时可能出现的外观方案问题

注意:  我们希望能够尽快以你的语言为你提供最新的帮助内容。 本页面是自动翻译的,可能包含语法错误或不准确之处。我们的目的是使此内容能对你有所帮助。可以在本页面底部告诉我们此信息是否对你有帮助吗? 请在此处查看本文的 英文版本 以便参考。

注意: 本文已完成其工作,随后将不再使用。为防止出现“找不到页面”问题,我们将删除已知无效的链接。如果创建了指向此页面的链接,请删除这些链接,以便与我们一起为用户提供通畅的 Web 连接。

SharePoint 2013 中引入了一个快速流畅的轻量级新用户界面。此 UI 是使用新 CSS 样式、主题和母版页构建的。若要获取此新体验,您需要升级到新的 UI。但是,为了支持新 UI 而执行的重大更改可能会破坏使用自定义外观方案的某些方案的升级行为。

在 SharePoint 2010 中,您可能已通过若干不同方法之一为自己的网站设置了外观方案。例如,您可能已通过以下方法为网站设置了外观方案:

  • 对网站应用自定义样式表以替代 SharePoint 默认样式。

  • 对网站应用自定义主题(THMX 文件)。

  • 复制并修改一个即用型 SharePoint 母版页。

  • 在发布网站中创建全新的自定义母版页(自定义母版页在该网站中使用自定义样式且被自定义页面布局引用)。

将您的网站集升级到 SharePoint 2013 时,这些类型的自定义设置将无法和原来一样工作,这是因为已更改了默认 CSS 样式、主题和母版页。相反,您必须通过使用 SharePoint 2013 中提供的新样式、主题或母版页来重新创建自定义外观方案,然后对升级后的网站集应用重新创建的新设计。

必须对默认 SharePoint 样式、主题和母版页执行更改,才能创建一个更快、更流畅的用户界面和让后续升级的进展更易于预测。

因此,如果您的网站集包含自定义外观方案,强烈建议您在升级之前首先创建评估网站集,这样您就可以在 SharePoint 2013 环境中测试和重新创建自定义外观方案。有关评估网站集的详细信息,请参阅升级网站集

以下各部分中列出了升级到 SharePoint Online 2013 时可能出现的外观方案问题。

返回页首

自定义 CSS

对 SharePoint 2010 网站应用自定义外观方案的最常见方法是创建其中包含用于替代默认 SharePoint 样式的样式的新 CSS 文件。

但是,为了使新的 UI 更快、更流畅,SharePoint 2013 在 CSS 实施方式上引入了重大更改:

  • 减小了 CSS 文件大小。

  • 限制了 CSS 选择器的嵌套。

  • 尽可能使用 CSS 继承。

  • 只在一个位置中定义类。

  • 相关类在 CSS 文件中进行了分组。

  • 不使用嵌入式样式和 !mportant 声明,因为无法替代它们。

  • 样式使用一致的结构和命名约定。

在 SharePoint 2013 中,样式使用一致的结构和命名约定。

命名部分

ms -

<feature>-

<name>

说明

指示这是一个 Microsoft 类。

该项目相关联的功能的名称;如果用作核心 UI 的一部分,则为“core”。

项目的描述性名称,例如 title(标题)、link标(链接)等。

由于这些 SharePoint 2013 实施 CSS 方式上的更改,当您升级时,将不会把自定义 CSS 样式应用于您的网站。若要解决此问题,应首先创建评估网站集,然后将该网站用作可在其中识别需要替代的新 SharePoint 2013 样式的环境。为这些样式创建新的 CSS 文件,然后将该 CSS 应用于升级后的网站。

返回页首

自定义主题

在 SharePoint 2010 中,您可以使用 PowerPoint 2010 等 Office 程序创建 THMX 文件。然后,您可以将该主题文件上载到 SharePoint 2010 中,并将该主题应用于您的网站。

在 SharePoint 2013 中,主题引擎已经过改进,因此主题更快速、更灵活,并且主题可以更轻松地向前升级。主题模型使用 CSS 中的注释样式标记,然后基于最终用户选择的字体和颜色主题等参数替换 CSS 的各个部分。SharePoint 2013 中的主题由 XML 文件定义:

  • SPColor.xml 定义调色板,其中,颜色槽现在具有语义名称,以便更清楚确定在您更改颜色值时哪些 UI 元素将受到影响。此外,主题现在支持设置不透明度。

  • SPFont.xml 定义字体方案,并且支持多种语言、Web 安全字体和 Web 字体。

但是,不支持将 THMX 文件从 SharePoint 2010 升级到 SharePoint 2013。如果为您的 SharePoint 2010 网站应用了自定义主题,则当升级到 SharePoint 2013 时,主题文件将保留在原来的位置,但主题不再应用于该网站,而该网站将恢复为使用默认主题。

若要解决此问题,应首先创建评估网站集,然后通过使用 SharePoint 2013 中的新主题功能重新创建主题。有关新主题的详细信息,请参阅下列文章:

返回页首

复制并修改一个即用型母版页

在 SharePoint 2010 中,对 UI 执行轻微自定义的一种常见方法是复制并修改一个即用型母版页。例如,您可以修改母版页,以便删除功能或对最终用户隐藏功能。

但是,将 SharePoint 2010 网站升级到 SharePoint 2013 时,将重置母版页,以便使用 SharePoint 2013 中的默认母版页。因此在升级之后,您的网站将不会使用其自定义外观方案来显示。在 SharePoint 2010 中创建的自定义母版页仍保留在网站中,但不应将旧的母版页应用于新网站,因为新网站将不会按预期呈现。

为了支持 SharePoint 2013 中的新 UI,已对默认母版页进行了更改。因此,不能将 SharePoint 2010 中创建的母版页应用于 SharePoint 2013 中的网站。

若要解决此问题,应首先创建评估网站集,然后在 SharePoint 2013 网站中重新创建母版页。验证新母版页是否按预期工作之后,将母版页移到新网站集,并将其应用于网站。如果网站是发布网站,您可以使用 Design Manager 来将母版页作为部分设计包导出,然后再导入;否则,您可以将母版页作为沙盒解决方案的一部分移动,或通过将文件上载到“母版页”样式库来移动。

返回页首

发布网站中的自定义母版页

如果您需要公司通信 Intranet 网站之类已完全应用了外观方案的网站,您可以结合完全自定义母版页和附加了自定义母版页的自定义页面布局使用发布网站。

但是,将 SharePoint 2010 网站升级到 SharePoint 2013 时,将重置母版页,以便使用 SharePoint 2013 中的默认母版页。因此在升级之后,您的网站将不会使用其自定义外观方案来显示。在 SharePoint 2010 中创建的自定义母版页和页面布局仍保留在网站中,但不应将旧的母版页应用于新网站,因为新网站将不会按预期呈现。

若要解决此问题,应首先创建评估网站集(它是发布网站),然后在 SharePoint 2013 网站中重新创建母版页。验证新母版页是否按预期工作之后,将母版页作为设计包的一部分导出,将设计包导入新网站集,然后将新母版页应用于网站。

自定义母版页上的自定义内容占位符

重要: 如果您的自定义母版页中包含自定义内容占位符,并且自定义页面布局中也包含此自定义内容占位符,则可能出现错误,在升级后完全阻止您的网站主页呈现。相反,在升级之后,您可能会看到错误消息“发生意外错误”。

要确定是否有此问题,您可以创建评估网站集(同时也是发布网站),然后将母版页设置为即用型 SharePoint 2013 母版页。如果网站仍然呈现,则说明您没有此问题。如果该站点不呈现,而是发生“意外错误”并带有相关 ID,则说明您可能有此问题。

要解决此问题,请执行下列操作:

  1. 创建充当发布网站集的评估网站集。

  2. 创建一个新的 SharePoint 2013 母版页。

  3. 将自定义内容占位符添加到该 2013 母版页。

  4. 对网站应用新母版页。

  5. 创建其中不包含自定义内容占位符的网页布局。该页面布局将与已应用于网站的新母版页关联。

  6. 将使用旧页面布局的所有页面更改为使用新页面布局。您可以手动执行此操作,方法是在浏览器中分别编辑每个网页,并使用功能区中的选项;您也可以使用也支持 Office 365 的客户端对象模型,以编程方式执行此操作。

  7. 删除其中包含自定义内容占位符的旧页面布局。

建议您不要将自定义内容占位符添加到您的自定义母版页或页面布局中。

另请参阅

配置网站集版本和升级设置

升级网站集

在网站集运行状况检查过程中找到自定义文件

网站集运行状况检查期间发现冲突的内容类型

网站集运行状况检查期间缺少父内容类型

在网站集运行状况检查过程中发现缺少网站模板

网站集升级问题故障排除

返回页首

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

此信息是否有帮助?

谢谢您的反馈!

谢谢你的反馈! 可能需要转接到 Office 支持专员。

×