在 Exchange Server 中建立 Outlook 網頁版 的主題

主題會定義色彩、字型和影像,這些色彩、字型和影像會在 Outlook 網頁版 (中向用戶顯示,先前稱為 Exchange Server 中的 Outlook Web App) 。 每個主題都是儲存在 Exchange Server 上的檔案集合。 The built-in themes are described in the Default Outlook on the web themes in Exchange Server section at the end of this topic.

為 Outlook 網頁版 建立新主題的基本步驟如下:

  1. 複製現有主題的資料夾和檔案,然後重新命名複製的資料夾和檔案。

  2. 設定新主題的顯示名稱和排序順序。

  3. 自訂新主題。

  4. (選擇性) 將新主題設定為預設值,並防止用戶選取主題。

  5. (選擇性) 允許使用者查看並選取新的主題

  6. 重新啟動 IIS,讓變更生效。

如果您使用多個 Exchange 伺服器來 Outlook 網頁版 客戶端連線,則必須將新的主題複製到每部伺服器。 您也應該建立新主題的備份複本,以便在重新安裝或升級 Exchange 伺服器之後將檔案複製回。

建立主題之後,您可能也想要自定義所有主題通用的元素。 如需詳細資訊,請參閱在 Exchange Server 中自定義 Outlook 網頁版 登入、語言選取和錯誤頁面

開始之前有哪些須知?

  • 完成這項工作的估計時間:45 分鐘。

  • 您必須已獲指派權限,才能執行此程序或這些程序。 To see what permissions you need, see the "Outlook on the web virtual directories" entry in the Clients and mobile devices permissions topic. 您使用的帳戶也必須是 Exchange 伺服器上本機 Administrators 群組的成員。

  • Outlook 網頁版的淺色版本不支持主題。

  • 若要以新色彩取代現有的色彩,您需要新色彩的 HTML RGB 值。 您可以在 [色彩數據表] 找到 HTML RGB 值。 如果您在該處找不到色彩,可以使用影像編輯工具或 HTML 色彩代碼網站來判斷其 HTML RGB 值。

  • 請勿刪除資料夾 %ExchangeInstallPath%ClientAccess\OWA\prem\<ExchangeVersion>\resources\themes\base或其中的任何檔案。

  • 如果您決定直接編輯現有的主題 (不是主題) 的複本,請先建立原始檔案的備份複本,然後再修改它們。

  • 如需適用於此主題中程序的快速鍵相關資訊,請參閱 Exchange 系統管理中心的鍵盤快速鍵

提示

有問題嗎? 在 Exchange 論壇中尋求協助。 請造訪論壇,網 Exchange Server

步驟 1:使用 檔案總管 複製現有主題的資料夾和檔案,並重新命名複製的資料夾和檔案

您可以在 [Outlook 網頁版] 中開啟信箱,選取 [設定],然後選取 [變更主題],以檢查內建主題。

在 Outlook 網頁版 中變更主題功能表位置。

您可以使用本主題結尾的 Exchange Server 中預設 Outlook 網頁版 主題一節中的資訊,將 Outlook 網頁版 中的主題顯示名稱與 Exchange Server 上的主題資料夾名稱相符。

主題檔案和資料夾會儲存在下列位置:

  • %ExchangeInstallPath%ClientAccess\OWA\prem\<ExchangeVersion>\resources\themes\ 包含主題資料夾,其中包含標頭影像、主題預覽影像和主題描述文字。

  • %ExchangeInstallPath%ClientAccess\OWA\prem\<ExchangeVersion>\resources\styles\ 包含和 _fabric.color.variables.theme.<ThemeFolderName>.lessfabric.color.theme.<ThemeFolderName>.css 檔案,這些檔案會定義主題中使用的色彩。

    注意<ExchangeVersion> 子資料夾使用語法 15.1。 nnnnn,指出已安裝的 Exchange 累積更新 (CU) 。

在您識別出最接近您想要 (的主題之後,例如,無論是否) 標頭影像,您都需要複製主題資料夾和對應的檔案,然後重新命名複製的資料夾和檔案

  1. 在 檔案總管 中,瀏覽至 %ExchangeInstallPath%ClientAccess\OWA\prem\<ExchangeVersion>\resources\themes

  2. 選取資料夾中的 \themes 現有主題資料夾,複製它,然後將它貼回 \themes 資料夾。 這會產生名為 <ThemeFolderName> - Copy的新資料夾。

    注意:複製並貼上主題資料夾的簡單方式是選取資料夾、按 Control 鍵 + C,然後按 Control 鍵 + V。

  3. 重新命名您在上一個步驟中建立的新主題資料夾。 例如,fourthcoffee

    注意:重新命名資料夾的簡單方式是選取它,然後按 F2 鍵。

  4. 在 檔案總管 中,瀏覽至 %ExchangeInstallPath%ClientAccess\OWA\prem\<ExchangeVersion>\resources\styles\

  5. 找出名為 _fabric.color.variables.theme.<ThemeFolderName>.lessfabric.color.theme.<ThemeFolderName>.css 對應至您在步驟 2 中複製的主題資料夾的檔案。 選取每個檔案,複製它,然後將它貼回 \styles 資料夾。 這會導致名為 _fabric.color.variables.theme.<ThemeFolderName> - Copy.lessfabric.color.theme.<ThemeFolderName> - Copy.css的新檔案。

  6. 重新命名您在上一個步驟中建立的新檔案。 ThemeFolderName<> 值必須符合步驟 3 中的資料夾名稱。 例如, _fabric.color.variables.theme.fourthcoffee.lessfabric.color.theme.fourthcoffee.css

步驟 2:使用記事本來設定新主題的顯示名稱和排序順序

您必須為新主題設定唯一的顯示名稱和排序順序,因為新主題的顯示名稱和排序順序與您複製的主題相同。 主題的顯示名稱會出現在 Outlook 網頁版 的 [變更主題] 面板中。 排序順序會決定主題出現在主題清單中的位置。

  1. 使用記事本開啟您在步驟 1 中建立的新主題資料夾%ExchangeInstallPath%ClientAccess\OWA\prem\<ExchangeVersion>\resources\themes\<NewThemeFolder>中名為 的themeinfo.xml檔案。 檔案的內容如下所示:

    <theme displayname="__<CopiedThemeName>__" sortorder="<CopiedThemeSortOrder>"/>

  2. displayname="__<CopiedThemeName>__" 值變更為您想要的值。 例如 displayname = "Fourth Coffee Corporate Theme"

    注意:主題顯示名稱值 "__<ThemeName>__" 是當地語系化為不同語言的程式代碼字串。 您為新主題指定的文字值不會本地化為不同的語言。

  3. sortorder="<CopiedThemeSortOrder>" 整數值變更為您想要的唯一值。 較舊的值會出現在主題清單中。 您可以使用本主題結尾的 Exchange Server 中預設 Outlook 網頁版 主題一節中的資訊,來尋找內建主題的排序順序值。 默認主題具有 sortorder="0",且會先出現在清單中。

    • 如果您想要在內建主題清單中插入新的主題,請將數位變更為尚未使用的唯一值。 例如,如果您想要讓新的主題出現在清單的第二個位置,您可以使用 值 sortorder="5"

    • 如果您想要 取代 清單中內建主題的位置,請將數位設定為與內建主題相同的值,然後變更內建主題的排序順序。 例如,如果您想要讓新的主題先出現在清單中,則必須將新的主題設定為 sortorder="0"。 但是,您也必須開 themeinfo.xml 啟 [預設主題] (資料夾中的 \base 檔案,) 將值 sortorder="0" 變更為其他 (例如 sortorder="5")

  4. 當您完成時,請儲存並關閉 themeinfo.xml 檔案。

步驟 3:自定義新主題

影像檔

主題影像檔案會儲存在 的下列資料夾中 %ExchangeInstallPath%ClientAccess\OWA\prem\<ExchangeVersion>\resources\themes\<ThemeFolderName>

  • \images\0:這些檔案會以從左至右的語言使用。

  • \images\rtl:這些檔案用於由右至左的語言。 視影像而定,檔案可能與從左至右版本完全相同,或是 (由右至左,而不是由左至右) 反轉。

下表說明存在於這些資料夾中的影像檔:

檔案名稱 維度 (單位為像素的寬度 x 高度) 位元深度 說明
headerbgmaing2.png 2000 x 50 32 使用靜態標頭影像之主題的標頭影像。 檔案的大小會有所不同。

如果主題未使用靜態標頭影像,則檔案為 1 x 1,大小為 2815 個字節。
headerbgmaing2.gif 2000 x 50 24 使用動畫標頭影像之主題的標頭影像。 檔案的大小會有所不同。

如果主題未使用動畫標頭影像,則檔案為 1 x 1,大小為 43 個字節。
themepreview.png 64 x 64 24 或 8 小方形影像,代表 Outlook 網頁版 中 [變更主題] 面板中的主題。

針對預設主題和黑色主題,此檔案為 1 x 1,而預覽影像為黑色方塊。

您可以編輯現有的圖像檔案,或將檔案取代為具有相同名稱和維度的新檔案。

色彩

主題色彩定義於資料夾中的下列檔案 %ExchangeInstallPath%ClientAccess\OWA\prem\<ExchangeVersion>\resources\styles 中:

  • fabric.color.theme.<ThemeFolderName>.css

  • _fabric.color.variables.<ThemeFolderName>.less

如果您變更色彩值,則必須變更這兩個檔案中色彩的所有參考。

步驟 4: (選擇性) 設定預設主題並防止使用者選取主題

設定新的預設主題只會影響尚未手動選取其主題的使用者。 若要強制所有使用者使用預設主題,您也必須在 Outlook 網頁版 中停用主題選取。 這些設定會影響透過 Exchange Server 連線到 Outlook 網頁版 的所有使用者。

若要設定預設主題並防止使用者在 Outlook 網頁版 中變更其主題,請使用下列語法:

Set-OwaVirtualDirectory -Identity <VirtualDirectoryIdentity> -DefaultTheme <ThemeFolderName> -ThemeSelectionEnabled $false

本範例會將名為 fourthcoffee 的主題資料夾設定為Mailbox01伺服器上預設網站 Outlook 網頁版中的預設主題。

Set-OwaVirtualDirectory -Identity "Mailbox01\owa (Default Web Site)" -DefaultTheme fourthcoffee -ThemeSelectionEnabled $false

附註

  • 根據預設, DefaultTheme 參數的值是空白 ($null) 。 此值表示未指定預設主題,如果使用者尚未手動選取主題,則會使用名為 Default 的主題。

  • Exchange 不會驗證您為 DefaultTheme 參數指定的值。 請確定主題存在。

  • 若要為覆寫 Outlook 網頁版 虛擬目錄上預設主題設定的特定使用者指定預設主題,請使用 Set-OwaMailboxPolicy Cmdlet 上的 DefaultTheme 參數。

步驟 5: (選擇性) 允許使用者選取新的主題

如果您不想要強制所有使用者使用新的主題,您需要將新的主題新增至 stylemanifest.xml 檔案,讓使用者可以在主題清單中找到並選取它。 檔案 stylemanifest.xml 位於 %ExchangeInstallPath%ClientAccess\OWA\prem\<ExchangeVersion>\manifests

本範例會在新主題的 檔案fourthcoffeestylemanifest.xml新增一行。

<themeVariables themeName="fourthcoffee" fileName="_fabric.color.variables.theme.fourthcoffee.less" />

步驟 6:重新啟動 IIS

您必須重新啟動 Internet Information Services (IIS) ,變更才會生效。

  1. 在 Exchange 伺服器上開啟 IIS 管理員。 在 Windows Server 2012 或更新版本中執行此動作的簡單方式是按 Windows 鍵 + Q,輸入 inetmgr,然後在結果中選取 [Internet Information Services (IIS) Manager]。

  2. 在 [IIS 管理員] 中,選取伺服器。

  3. 在 [ 動作] 窗格中,按兩下 [ 重新啟動]

    在 [IIS 管理員] 中,選取伺服器,然後在 [動作] 窗格中,按兩下 [重新啟動]。

注意:若要在命令行上執行此程式,請在 Exchange Server 上開啟提升許可權的命令提示字元 (您選取 [ 以系統管理員 身分執行]) 並執行下列命令來開啟 [命令提示字元] 視窗:

net stop w3svc /y
net start w3svc

如何知道這是否正常運作?

若要確認您已成功建立 Outlook 網頁版 主題,請執行下列步驟:

  1. 在 Outlook 網頁版 中開啟信箱。 在 Exchange 伺服器上,您可以開啟 URL https://localhost/owahttps://127.0.0.1/owa來測試主題。

  2. 根據您設定的設定,確認預設會使用新的主題,或確認您可以在 [ 設定>變更] 主題中查看並選取新的主題。

  3. 如果您在重新啟動 IIS 之後看不到變更,請清除瀏覽歷程記錄 (刪除暫時的因特網檔案) ,然後重新整理瀏覽器視窗。

Exchange Server 中的預設 Outlook 網頁版 主題

內建 Outlook 網頁版 主題位於 資料夾 %ExchangeInstallPath%ClientAccess\OWA\prem\<ExchangeVersion>\resources\themes中,如下表所述。

資料夾名稱 Outlook 網頁版 中的顯示名稱 排序順序 Outlook 網頁版 (列第一個) 標頭影像類型
Angular 80 110 Static
氣球 氣球 240 Static
基地 預設 0
海灘 落海日落 40 動畫
黑色 670
藍莓 藍莓 600
藍圖 藍圖 120 Static
20 Static
300 Static
雪 佛 龍 雪 佛 龍 80 Static
電路 電路 130 Static
漫畫 漫畫 170 Static
對比 Contrast 500
cordovan Cordovan 650
蠟筆 蠟筆 140 Static
立方體 3D Cube 190 Static
cubism Cubism 310 Static
darkcordovan 深色 Cordovan 660
darkorange 深橙 620
鑽石 浮動菱形 160 Static
遠方、遠方 150 動畫
葡萄 葡萄 610
果凍 水母 70 動畫
淺藍色 淺藍色 530
淺綠色 淺綠色 540
建興 建興 510
mediumdarkblue 深藍 640
最小 最小 520
現代 20th Century Modern 280 Static
山峰 50 Static
橙色 580
油漆 手指繪製 290 Static
粉紅色 粉紅 550
圖元 圖元 Pop 60 Static
波爾卡 Polka Dot 200 Static
石榴 石榴 590
主要 主要 180 Static
樹 莓 樹 莓 570
機器人 機器人 100 動畫
簡單 簡單Facet 230 Static
頻譜 Facet 90 Static
草莓 草莓 250 Static
超級 超級閃爍快樂 10 Static
teagarden 茶園 210 Static
藍藍 藍綠 550
西瓜 西瓜 630
鯨魚 一段時間的五月 30 動畫
異想天開 異想天開 220 Static
wntrlnd 德蘭 260 Static
wrld One World 270 Static