自訂 Outlook Web App 登入、語言選擇與錯誤頁面
適用於:Exchange Server 2013
本主題說明如何針對Outlook Web App自訂登入、語言選取和錯誤頁面的色彩和影像。
Outlook Web App登入、語言選取和錯誤頁面是根據主題資源資料夾中的圖形和 .css 檔案所建立。 Outlook Web App只針對所有主題使用一組登入、語言選取和錯誤頁面。 所有使用者都會看到這些頁面的任何修改。 您可以在 Exchange 安裝目錄的 %ExchangeInstallPath%FrontEnd\HttpProxy\owa\auth\version\themes\resources 找到主題資源資料夾。 您需要文字編輯器來變更預設色彩,並需要圖形編輯器來變更影像。 如果您必須比對特定色彩,而且在 [色彩資料表] 中找不到相符的色彩,您可以使用影像編輯工具來取樣色彩並判斷其 HTML RGB 值。
如果您有多個伺服器支援Outlook Web App,而且希望它們都使用相同的登入、語言和錯誤頁面,則必須將修改過的檔案複製到每部伺服器。 您也應該建立自訂檔案的備份複本。 如果您重新安裝或升級 Exchange,主題資料夾中的所有檔案都會被覆寫。 重新安裝或升級完成之後,您必須將自訂檔案複製回適當的資料夾。
重要事項
在開始建立自訂登入和登出頁面之前,備份您將變更的所有檔案複本。
如需建立自訂主題的詳細資訊,請參閱建立 Outlook Web App 的佈景主題。
開始之前有哪些須知?
完成這項工作的估計時間:45 分鐘。
您必須已獲指派權限,才能執行此程序或這些程序。 To see what permissions you need, see the "Graphics editor" entry under "Outlook Web App Permissions" in the Clients and mobile devices permissions topic.
如需適用於此主題中程序的快速鍵相關資訊,請參閱 Exchange 系統管理中心的鍵盤快速鍵。
提示
有問題嗎? 在 Exchange 論壇中尋求協助。 瀏覽 Exchange Server 的論壇。
自訂登入頁面的色彩
登入 Exchange 伺服器並使用 Windows 檔案總管移至 Exchange 伺服器安裝目錄,並尋找 %ExchangeInstallPath%FrontEnd\HttpProxy\owa\auth\ < version > \themes\resources。
使用文字編輯器,例如記事本,開啟 logon.css。
搜尋預設色彩值#0072c6,並以您想要使用的色彩的 HTML RGB 值取代它。
儲存後關閉檔案。
自訂錯誤頁面的色彩
登入 Exchange 伺服器並使用 Windows 檔案總管移至 Exchange 伺服器安裝目錄,並尋找 %ExchangeInstallPath%FrontEnd\HttpProxy\owa\auth\ < version > \themes\resources。
使用文字編輯器,例如記事本,開啟 errorFE.css。
搜尋預設色彩值#0072c6,並以您想要使用的色彩的 HTML RGB 值取代它。
儲存後關閉檔案。
自訂語言選取頁面的色彩
登入 Exchange 伺服器,然後使用 Windows 檔案總管移至 Exchange 伺服器安裝目錄,並尋找 %ExchangeInstallPath%ClientAccess\Owa\prem\version > \ < resources\styles。
使用 [記事本] 之類的文字編輯器開啟 LanguageSelection.css。
搜尋預設色彩值#0072c6,並以您想要使用的色彩的 HTML RGB 值取代它。
儲存後關閉檔案。
自訂登入和錯誤頁面上的影像
使用影像編輯工具來開啟和編輯用來建置登入和錯誤頁面的影像。
登入 Exchange 伺服器並使用 Windows 檔案總管移至 Exchange 伺服器安裝目錄,並尋找 %ExchangeInstallPath%FrontEnd\HttpProxy\owa\auth\ < version > \themes\resources。
使用圖形編輯器開啟和修改下列檔案:
- 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。
搜尋預設色彩值#0072c6,並以您想要使用的色彩的 HTML RGB 值取代它。
儲存後關閉檔案。
如何知道這是否正常運作?
在 Internet Explorer 中開啟Outlook Web App登入頁面。 如果您要在裝載Outlook Web App虛擬目錄的伺服器上測試預設網站的變更,您可以開啟 Internet Explorer 並輸入 URL https://localhost/owa
來進行測試。
如果您沒有看到您的變更,請執行下列動作:
在工具列上,選取 [設定因特>網選項>一般]。
在 [流覽歷程記錄] 底下,選取 [ 刪除]。
選取 [暫時網際網路檔案和網站檔案],然後選取 [ 刪除]。
當 Internet Explorer 完成刪除時,請選取 [ 確定 ] 以關閉 網際網路選項。
重新整理瀏覽器視窗。
提示
若要查看變更的效果,您可以將正在編輯的 .css 檔案保持開啟,並在儲存每個變更之後重新整理瀏覽器視窗。