自定义 Outlook Web App 登录页、语言选择页和错误页

适用于:Exchange Server 2013

本主题解释如何对 Outlook Web App 自定义登录页、语言选择页和错误页的颜色和图像。

Outlook Web App 登录页、语言选择页和错误页基于主题资源文件夹中的图形和 .css 文件创建的。 Outlook Web App 仅为所有主题使用一组登录页、语言选择页和错误页。 所有用户将会看到这些页面的任何修改。 可以在 %ExchangeInstallPath%FrontEnd\HttpProxy\owa\auth\version\theme\resources 的 Exchange 安装目录中找到主题资源文件夹。 您需要使用文本编辑器来更改默认颜色,使用图形编辑器来更改图像。 如果必须与特定的颜色相匹配,而用户无法在颜色表中找到该颜色的匹配项,可以使用图像编辑工具获取颜色样本,并确定其 HTML RGB 值。

如果用户有多个支持 Outlook Web App 的服务器并想要让这些服务器都使用相同的登陆页、语言页和错误页,则必须将修改的文件复制到每个服务器上。 还应该创建自定义文件的备份副本。 如果重新安装或升级 Exchange,将覆盖主题文件夹中的所有文件。 重新安装或升级完成后,必须将自定义文件复制回相应的文件夹。

重要

开始创建自定义登陆页和注销页前,备份将要修改的所有文件的副本。

有关创建自定义主题的信息,请参阅为 Outlook Web App 创建主题

开始前,有必要了解什么?

  • 估计完成该任务的时间:45 分钟。

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

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

提示

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

自定义登陆页的颜色

  1. 登录到 Exchange 服务器并使用 Windows 资源管理器转到 Exchange 服务器安装目录,并查找 %ExchangeInstallPath%FrontEnd\HttpProxy\owa\auth\<version>\themes\resources。

  2. 使用文本编辑器(例如记事本)打开 logon.css 文件。

  3. 搜索默认颜色值 #0072c6 并用想要使用的颜色的 HTML RGB 值取代它。

  4. 保存并关闭此文件。

自定义错误页的颜色

  1. 登录到 Exchange 服务器并使用 Windows 资源管理器转到 Exchange 服务器安装目录,并查找 %ExchangeInstallPath%FrontEnd\HttpProxy\owa\auth\<version>\themes\resources。

  2. 使用文本编辑器(例如记事本)打开 errorFE.css 文件。

  3. 搜索默认颜色值 #0072c6 并用想要使用的颜色的 HTML RGB 值取代它。

  4. 保存并关闭此文件。

自定义语言选择页的颜色

  1. 登录到 Exchange 服务器,然后使用 Windows 资源管理器转到 Exchange 服务器安装目录并查找 %ExchangeInstallPath%ClientAccess\Owa\prem\<version>\resources\styles。

  2. 使用文本编辑器(例如记事本)打开 LanguageSelection.css 文件。

  3. 搜索默认颜色值 #0072c6 并用想要使用的颜色的 HTML RGB 值取代它。

  4. 保存并关闭此文件。

自定义登陆页和错误页上的图像。

使用图像编辑工具打开和编辑用于制作登陆页和错误页的图像。

  1. 登录到 Exchange 服务器并使用 Windows 资源管理器转到 Exchange 服务器安装目录,并查找 %ExchangeInstallPath%FrontEnd\HttpProxy\owa\auth\<version>\themes\resources。

  2. 使用图形编辑器打开和修改以下文件:

    • owa_text_blue.png,修改"Outlook Web App"文本徽标。
    • olk_logo_white.png,修改左侧栏的应用程序徽标。
    • olk_logo_white_cropped.png,修改错误页左侧面板的图像。
    • sign_in_arrow.png,修改"登录"按钮左边的图标。
    • olk_exchange_text_blue.png,修改 tnarrow 布局中的"Outlook Mobile"徽标。
    • olk_logo_white_small.png 在 tnarrow 中使用。
    • olk_exchange_text_stacked_white_small.png 在 tnarrow 中使用。
  3. 搜索默认颜色值 #0072c6 并用想要使用的颜色的 HTML RGB 值取代它。

  4. 保存并关闭此文件。

您如何知道操作成功?

在 Internet Explorer 中打开 Outlook Web App 登录页面。 如果要测试对托管 Outlook Web App 虚拟目录的服务器上的默认网站所做的更改,可以打开 Internet Explorer 并输入 URL https://localhost/owa 进行测试。

如果看不到所做的更改,请执行以下操作:

  1. 在工具栏上,选择 “设置>Internet 选项>”“常规”。

  2. Under Browsing history, select Delete.

  3. Select Temporary Internet files and website files, and then select Delete.

  4. When Internet Explorer is finished deleting, select OK to close Internet options.

  5. 刷新浏览器窗口。

提示

若要查看所做修改的效果,可以在保存每个修改后保持正在编辑的 .css 文件处于打开状态并刷新浏览器窗口。