Share via

创建 Outlook Web App 主题

  • 项目

适用于：Exchange Server 2013

主题定义Microsoft Outlook Web App使用的背景色、字体、突出显示颜色、图标和标题。 每个主题都是媒体文件和级联样式表的集合， (.css) 文件存储在 Microsoft Exchange 服务器上的 \Client Access\OWA\prem\version\resources\theme 中的安装目录中。 每个主题存储在 \themes 各自的子目录中。

默认主题位于 \Client Access\OWA\prem\version\resources\theme\base 中。 每个主题文件夹中包含定义主题所需的所有文件。 这些文件包括 CSS 文件、图形以及定义主题名称的 .xml 文件。 通过将一个主题中的所有文件复制到新文件夹中并根据需要修改这些文件，可以创建其他主题。

默认情况下，当安装 Exchange Server 2013 时会安装多个主题，如下所示：

  • CSS (.css) 文件定义颜色、渐变方式和字体。

  • 图像 (.png) 文件提供图标和其他图形元素。 编辑任何图标时，请勿更改其大小。 如果更改了任何图形元素的大小，应测试所做更改，以验证这些元素是否仍能正确配合在一起。

这些文件存储在 中的安装目录中 %ExchangeInstallPath%Client Access\OWA\prem\<version>\resources\themes的客户端访问服务器上。 每个主题都存储在主题的一个子目录中。 可以通过复制现有主题和修改副本来创建其他主题。

在创建主题之后，您可能还需要自定义 Outlook Web App 的登录页、语言选择页和错误页。

注意

Outlook Web App 基本客户端不支持主题。

警告

如果您有多个支持 Outlook Web App 的服务器，则必须将自定义主题复制到每个服务器。 还应该创建自定义文件的备份副本。 如果重新安装或升级 Exchange，将覆盖主题文件夹中的所有文件。 重新安装或升级完成后，你必须将主题复制回相应的文件夹

在开始创建自定义主题之前，为将要更改的所有文件制作备份副本。

在开始之前，您需要知道什么？

  • 估计完成该任务的时间：60 分钟。

  • 您必须先获得权限，然后才能执行此过程或多个过程。 若要查看所需的权限，请参阅 客户端和移动设备权限主题中的"Outlook Web App 虚拟目录"条目。

  • 需要具有本地服务器管理员访问权限，才能执行这些步骤。

  • 您需要使用文本编辑器来更改默认颜色，使用图形编辑器来更改图像。 如果必须与特定的颜色相匹配，而您无法在颜色表找到该颜色的匹配项，可以使用图像编辑工具获取颜色样本，并确定其 HTML RGB 值。

  • 建议您只要更改或创建 Outlook Web App 主题，最好遵循下列原则：

    • 如果决定编辑现有主题，则在开始编辑它们之前需要制作原始文件的备份副本。

    • 请勿删除文件夹 \Client Access\OWA\prem\version\resources\themes\base 或其中的任何文件。

  • 若要了解本主题中的过程可能适用的键盘快捷键，请参阅 Exchange 管理中心内的键盘快捷键。

提示

是否有任何疑问？ 在 Exchange 论坛中寻求帮助。 访问 Exchange Server 的论坛。

步骤 1：创建新 Outlook Web App 主题

先为新主题创建一个文件夹，然后将现有主题中的文件复制到新文件夹中。

  1. 使用已委派了本地 Administrators 组成员身份的帐户登录到托管 Outlook Web App 虚拟目录的 Exchange 服务器。

  2. 打开 Windows 资源管理器，然后找到 Exchange 服务器安装目录。

  3. 在 \Client Access\OWA\prem\version\resources\themes 中，创建一个新文件夹并将其命名，例如 Fourth Coffee。

  4. 将另一个主题中的所有文件复制到新文件夹中。

步骤 2：命名新主题

要设置新主题的显示名称，请执行下列操作：

  1. 打开刚创建的自定义主题文件夹中的 themeinfo.xml 副本。

  2. 找到主题 displayname 值，并将值更改为要使用的名称。 例如 displayname = "Fourth Coffee Theme"。

  3. 保存并关闭 themeinfo.xml。

步骤 3：更改新主题的排序顺序（可选）

如果需要，可以通过编辑 themeinfo.xml 文件更改新主题的排序顺序。 The sort order determines the theme position in the Change theme panel in the Settings menu.

要使用 themeinfo.xml 文件更改新主题的排序顺序，请执行下列操作：

  1. 打开自定义主题文件夹中的 themeinfo.xml 副本。

  2. 找到主题 sortorder 值，并更改该值以反映希望新主题在列表中显示的位置。 主题将按数字值的升序排序。 默认情况下，基主题是第一个主题，其 sortorder 值为“0”。 例如 sortorder="<number>"。

  3. 保存并关闭 themeinfo.xml。

步骤 4：修改新主题

您已复制文件并命名主题，现在可以对其进行自定义。 可以在 Outlook Web App 主题中自定义下列元素：

  • 用于定义标题区域和图标的图像文件。

  • 用于定义字体和颜色的 CSS 文件。

图像文件

主题图像存储在 \themes_\<theme name>_\images\ 中的两个文件夹中。 The \images\0 folder contains images that will be used in left-to-right languages (like English), and languages that are read from right to left will use the images in the \images\rtl folder.

注意

\images\rtl 文件夹中的某些图像与 \images\0 文件夹中相同，只不过它们相互是镜像图像。

要自定义主题，可以使用图像编辑工具打开并修改下列图像：

  • Headerbgmain.png

    This is the main header image. We recommend that the image doesn't exceed the header height of 30 pixels. The default theme doesn't use a background image, so this image is transparent. For an example of a theme that has a custom background image, see the image in the Blueprint theme folder.

  • Headerbgright.png

    This is used as a tiling image behind the header. The default theme doesn't use a tiling background image, so this image is transparent. For an example of a theme that has a custom tiling background image, see the image in the Blueprint theme folder.

  • sprite1.mouse.png

    它包含主题中使用的大多数图像。 可以更改图像颜色以匹配您的主题，还可以更改默认 Outlook Web App 文本徽标。

    为了避免任何问题，请不要更改 sprite 中任何单个图标的大小，并确保它保存为透明的 .png 文件。

  • themepreview.png

    This image will be used to represent the theme in the Change theme panel in the Settings menu in Outlook Web App.

颜色和字体

级联样式表 (.css) 文件定义主题中使用的颜色和字体，并存储在 \theme\<theme 名称>下的多个文件夹中。 \<theme name>\0 文件夹包含将在英语) 等从左到右语言 (使用的.css文件，从右到左读取的语言将使用 \<theme name>\rtl 文件夹中.css文件。 还有特定于语言的文件夹（例如 \ja、\ko、\zhs 和 \zht），其中包含要用于这些语言的 .css 文件。

首先修改 \<theme name>\images\0 文件夹。 在每个可自定义的主题中，使用了四种颜色。

  • BrandColor：#0072C6
  • NavBarHoverColor：#4C9CD7
  • UnreadColor：#2A8DD4
  • FocusColor：#DFEDFA

可以使用文本编辑器（如记事本）在下列两个文件中搜索这些值的所有实例，并将其替换为您的主题的颜色：owa2styles.mouseCSS 和 owa2styles2.mouseCSS。 必须在新主题中包含这些 .css 文件的每个文件夹中完成此操作。

步骤 5：设置默认 Outlook Web App 主题

设置新默认主题仅影响尚未通过 Outlook Web App 中的"设置"菜单更改其主题的用户。

若要强制所有用户使用默认主题，除了设置默认主题之外，还必须禁用主题选择。

使用命令行管理程序为 Outlook Web App 设置默认主题

本示例设置Outlook Web App的默认主题，其中服务器名称为 fourthcoffee，虚拟目录名称为 owa，网站名称为 default web site，主题位于名为 Custom的文件夹中。

set-owavirtualdirectory -identity "fourthcoffee\owa (default web site)" -defaulttheme Custom

有关语法和参数的详细信息，请参阅Set-OwaVirtualDirectory。

使用命令行管理程序为 Outlook Web App 禁用主题选择

本示例禁用Outlook Web App中的主题选择，其中服务器名称为 fourthcoffee，虚拟目录名称为 owa，网站名称为 default web site。

set-owavirtualdirectory -identity "fourthcoffee\owa (default web site)" -themeselectionenabled $false

也可以按以下示例中所示，同时完成这两个命令：

set-owavirtualdirectory -identity "fourthcoffee\owa (default web site)" -defaulttheme Custom -themeselectionenabled $false

有关语法和参数的详细信息，请参阅Set-OwaVirtualDirectory。

步骤 6：运行 iisreset/noforce 保存您的更改

如果添加或更改主题，更改主题名称或者更改主题的排序顺序，则必须停止并启动 Internet 信息服务 (IIS) 才能使更改生效。 为此，请在创建新主题的服务器上打开命令提示符窗口，并运行 命令 iisresest /nforce。

如何判断此任务生效？

  1. 使用创建新主题的服务器上的虚拟目录登录 Outlook Web App。 如果要测试对托管 Outlook Web App 虚拟目录的 Exchange 服务器上的默认网站所做的更改，可以通过打开 Internet Explorer 并输入 URL https://localhost/owa 来测试主题。

  2. 通过选择“设置”菜单>“”更改主题“并选择自定义主题，切换到自定义主题。

如果看不到最新更改且已经运行 iisreset/noforce

  1. 在 Internet Explorer 工具栏上，选择“设置”菜单“ >”Internet 选项”。

  2. On the General tab, under Browsing history, select Delete, and then verify that Temporary Internet files and website files is checked. Then select Delete to remove those files.

  3. Select OK to close Internet options.

  4. Select Refresh to see your changes.

每次对主题文件进行更改时，可能必须重复这些步骤才能看到更改。 如果要进行多项更改，可以将Outlook Web App保持打开状态，并在服务器上重复运行 iisreset/noforce，并根据需要从 Internet Explorer 中清除临时文件。