適用対象:
2016 2019 Subscription Edition
テーマは、Exchange ServerのOutlook on the web (旧称Outlook Web App) のユーザーに表示される色、フォント、画像を定義します。 各テーマは、Exchange サーバー上に格納されているファイルのコレクションです。 組み込みのテーマについては、このトピックの最後にある「Exchange Serverの既定のOutlook on the webテーマ」セクションで説明します。
Web 上の Outlook の新しいテーマを作成する基本の手順は次のとおりです。
既存のテーマのフォルダーとファイルをコピーし、その名前を変更します。
新しいテーマの表示名と並べ替え順序を構成します。
新しいテーマをカスタマイズします。
(省略可能) 新しいテーマを既定として設定し、ユーザーがテーマを選択できないようにします。
(省略可能)ユーザーに新しいテーマの表示と選択を許可する
IIS を再起動して変更を有効にします。
Web 上の Outlook クライアント接続に複数の Exchange サーバーを使用する場合、新しいテーマを各サーバーにコピーする必要があります。 また、新しいテーマのバックアップ コピーを作成しておき、Exchange サーバーを再インストールまたはアップグレードした後でファイルをコピーして戻せるようにしておく必要があります。
テーマの作成後は、すべてのテーマに共通の要素をカスタマイズすることもできます。 詳細については、「Exchange ServerでのOutlook on the webサインイン、言語の選択、エラー ページのカスタマイズ」を参照してください。
はじめに把握しておくべき情報
このタスクの予想所要時間:45 分。
この手順を実行する際には、あらかじめアクセス許可が割り当てられている必要があります。 必要なアクセス許可を確認するには、「クライアントとモバイル デバイスのアクセス許可」トピックの「Outlook on the web仮想ディレクトリ」エントリを参照してください。 また、使用するアカウントは、Exchange サーバー上のローカル管理者グループのメンバーである必要もあります。
Light バージョンの Web 上の Outlook は、テーマをサポートしていません。
既存の色を新しい色に置き換えるには、新しい色の HTML RGB 値が必要です。 HTML RGB 値については、「カラー テーブル」をご覧ください。 色をそこで見つけられない場合は、画像編集ツールまたは HTML カラー コード Web サイトを使用すると、その HTML RGB 値を識別することができます。
フォルダー
%ExchangeInstallPath%ClientAccess\OWA\prem\<ExchangeVersion>\resources\themes\base、またはその中のファイルは削除しないでください。テーマのコピーではなく、既存のテーマを直接編集する場合は、変更を加える前に元のファイルのバックアップ コピーをとっておきます。
このトピックの手順で使用可能なキーボード ショートカットについては、「Exchange 管理センターのキーボード ショートカット」を参照してください。
ヒント
問題がある場合は、 Exchange のフォーラムで質問してください。 フォーラムにアクセスする: Exchange Server。
手順 1:エクスプローラーを使用して既存のテーマのフォルダーとファイルをコピーし、その名前を変更します。
Web 上の Outlook のメールボックスを開き、 [設定] を選択し、次に [テーマの変更] を選択して基本テーマを検査できます。
このトピックの最後にある「Exchange Serverの既定のOutlook on the webテーマ」セクションの情報を使用して、Outlook on the webのテーマの表示名を Exchange サーバー上のテーマ フォルダーの名前と一致させることができます。
テーマ ファイルとフォルダーは、次の場所に格納されます。
%ExchangeInstallPath%ClientAccess\OWA\prem\<ExchangeVersion>\resources\themes\に含まれるテーマのフォルダーには、ヘッダーの画像、テーマのプレビュー画像、テーマの説明テキストが保持されます。%ExchangeInstallPath%ClientAccess\OWA\prem\<ExchangeVersion>\resources\styles\には、テーマで使用される色を定義する_fabric.color.variables.theme.<ThemeFolderName>.lessファイルとfabric.color.theme.<ThemeFolderName>.cssファイルが含まれています。注: <ExchangeVersion> サブフォルダーは構文 15.1 を使用します。 nnn. nn を使用しており、インストールされている Exchange 累積的な更新プログラム (CU) を示します。
必要とするテーマに最も近いもの (ヘッダー画像を含めるかどうかなど) を識別したら、そのテーマ フォルダーと該当するファイルをコピーし、コピーしたフォルダーとファイルの名前を変更します。
エクスプローラーで、[
%ExchangeInstallPath%ClientAccess\OWA\prem\<ExchangeVersion>\resources\themes] を参照します。\themesフォルダー内の既存のテーマ フォルダーを選択してコピーし、\themesフォルダーに貼り付けます。 これにより、<ThemeFolderName> - Copyという名前の新しいフォルダーが作成されます。注:テーマ フォルダーを簡単にコピーして貼り付けるには、フォルダーを選択して Ctrl + C を押し、次に Ctrl + V を押します。
前の手順で作成した新しいテーマ フォルダーの名前を変更します。 たとえば、「
fourthcoffee」のように入力します。注:フォルダーの名前を簡単に変更するには、そのフォルダーを選択して F2 キーを押します。
エクスプローラーで、[
%ExchangeInstallPath%ClientAccess\OWA\prem\<ExchangeVersion>\resources\styles\] を参照します。手順 2 でコピーしたテーマ フォルダーに対応する
_fabric.color.variables.theme.<ThemeFolderName>.lessおよびfabric.color.theme.<ThemeFolderName>.cssという名前のファイルを見つけます。 各ファイルを選択してコピーし、\stylesフォルダーに貼り付けます。 これにより、_fabric.color.variables.theme.<ThemeFolderName> - Copy.lessとfabric.color.theme.<ThemeFolderName> - Copy.cssという名前の新しいファイルが作成されます。前の手順で作成した新しいファイルの名前を変更します。 <ThemeFolderName> 値は、手順 3. のフォルダー名と一致する必要があります。 たとえば、
_fabric.color.variables.theme.fourthcoffee.lessおよびfabric.color.theme.fourthcoffee.cssなどです。
手順 2: メモ帳を使用して新しいテーマの表示名と並べ替え順序を構成します。
新しいテーマの表示名と並べ替え順序はコピーしたテーマと同じなので、新しいテーマに一意の表示名とソート順序を構成する必要があります。 テーマの表示名は、Web 上の Outlook の [テーマの変更] パネルに表示されます。 並べ替え順序は、テーマがテーマ一覧に表示される場所を決定します。
メモ帳を使用して、手順 1 で作成した新しいテーマ フォルダー
%ExchangeInstallPath%ClientAccess\OWA\prem\<ExchangeVersion>\resources\themes\<NewThemeFolder>themeinfo.xmlという名前のファイルを開きます。 ファイルの内容は、次のようになります。<theme displayname="__<CopiedThemeName>__" sortorder="<CopiedThemeSortOrder>"/>displayname="__<CopiedThemeName>__"値を目的の値に変更します。 たとえば、displayname = "Fourth Coffee Corporate Theme"となります。注: テーマの表示名の値
"__<ThemeName>__"は、異なる言語にローカライズされたコード文字列です。 新しいテーマに指定したテキスト値は、各言語にローカライズされていません。sortorder="<CopiedThemeSortOrder>"整数値を目的の一意の値に変更します。 テーマの一覧には、低い値から順に表示されます。 このトピックの最後にある「Exchange Serverの既定のOutlook on the webテーマ」セクションの情報を使用して、組み込みのテーマの並べ替え順序の値を見つけることができます。 既定のテーマにはsortorder="0"があり、リストの最初に表示されます。基本テーマの一覧に新しいテーマを挿入する場合は、その番号を未使用の一意の値に変更します。 たとえば、新しいテーマをリストの 2 番目に表示する場合は、値
sortorder="5"を使用できます。一覧内で基本テーマの位置を置き換える場合、その番号を基本テーマと同じ値に設定してから、その基本テーマの並べ替え順序を変更します。 たとえば、新しいテーマをリストの最初に表示する場合は、新しいテーマを
sortorder="0"に設定する必要があります。 ただし、\baseフォルダー (既定のテーマ) でthemeinfo.xmlファイルを開いて、sortorder="0"値を別のものに変更する必要もあります (たとえば、sortorder="5"))。
完了したら、
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 | Web 上の Outlook の [テーマの変更] パネルでテーマを表示する小さい正方形の画像です。 既定のテーマと黒のテーマについて、このファイルは 1 x 1 であり、プレビュー画像は黒い正方形です。 |
既存の画像ファイルを編集したり、名前と大きさが同じ新しいファイルに置き換えたりできます。
色
テーマの色は、 %ExchangeInstallPath%ClientAccess\OWA\prem\<ExchangeVersion>\resources\styles フォルダー内の次のファイルで定義されます。
fabric.color.theme.<ThemeFolderName>.css_fabric.color.variables.<ThemeFolderName>.less
色の値を変更する場合は、両方のファイルで色の参照をすべて変更する必要があります。
手順 4:(省略可能) 既定テーマとして設定し、ユーザーがテーマを選択できないようにします。
新しい既定テーマの設定は、手動でテーマを選択していないユーザーにのみ反映されます。 すべてのユーザーが既定のテーマを使用するように設定するには、Web 上の Outlook でテーマ選択を無効にする必要があります。 これらの設定は、Exchange サーバー経由で Web 上の Outlook に接続するすべてのユーザーに反映されます。
既定のテーマを設定し、Web 上の Outlook でユーザーがそのテーマを変更できないようにするには、次の構文を使用します。
Set-OwaVirtualDirectory -Identity <VirtualDirectoryIdentity> -DefaultTheme <ThemeFolderName> -ThemeSelectionEnabled $false
次の使用例は、Mailbox01 という名前のサーバー上の既定の Web サイトのOutlook on the webの既定のテーマとして、fourthcoffee という名前のテーマ フォルダーを構成します。
Set-OwaVirtualDirectory -Identity "Mailbox01\owa (Default Web Site)" -DefaultTheme fourthcoffee -ThemeSelectionEnabled $false
注:
既定では、 DefaultTheme パラメーターの値は空白 (
$null) です。 この値は既定のテーマが指定されておらず、ユーザーがテーマを手動で選択していない場合は Default という名前のテーマが使用されることを示しています。Exchange では、 DefaultTheme パラメーターに指定した値は検証されません。 テーマが存在することを確認してください。
Outlook on the web仮想ディレクトリの既定のテーマ設定をオーバーライドする特定のユーザーに既定のテーマを指定するには、Set-OwaMailboxPolicy コマンドレットで DefaultTheme パラメーターを使用します。
手順 5: (省略可能) ユーザーが新しいテーマを選択できるようにする
すべてのユーザーに強制的に新しいテーマを使用させたくない場合は、新しいテーマを stylemanifest.xml ファイルに追加して、ユーザーがテーマの一覧で見つけて選択できるようにする必要があります。
stylemanifest.xml ファイルは%ExchangeInstallPath%ClientAccess\OWA\prem\<ExchangeVersion>\manifestsにあります。
次の使用例は、新しいfourthcoffee テーマのstylemanifest.xml ファイルに新しい行を追加します。
<themeVariables themeName="fourthcoffee" fileName="_fabric.color.variables.theme.fourthcoffee.less" />
手順 6: IIS を再起動する
インターネット インフォメーション サービス (IIS) を再起動して変更を有効にする必要があります。
Exchange サーバーで IIS マネージャーを開きます。 これを Windows Server 2012 以降で簡単に行うには、Windows キー + Q を押し、inetmgr と入力して、結果から [インターネット インフォメーション サービス (IIS) マネージャー] を選択します。
IIS マネージャーで、サーバーを選択します。
[操作] ウィンドウで [再起動] をクリックします。
![IIS マネージャーでサーバーを選択し、[操作] ウィンドウで [再起動] をクリックします。](../../exchangeserver/media/7d37436a-b89d-4010-bef4-f4276686d5ad.png)
メモ: コマンドラインでこの手順を実行するには、Exchange サーバーで管理者特権でのコマンド プロンプトを開き ( [管理者として実行] を選択してコマンド プロンプト ウィンドウを開きます)、以下のコマンドを実行します。
net stop w3svc /y
net start w3svc
正常な動作を確認する方法
Web 上の Outlook テーマが正常に作成されたことを確認するには、次の手順を実行します。
Web 上の Outlook のメールボックスを開きます。 Exchange サーバー上で URL
https://localhost/owaまたはhttps://127.0.0.1/owaを開くとテーマをテストできます。構成した設定に応じて、新しいテーマが既定で使用されていることを確認するか、[設定>変更テーマ] で新しいテーマを表示して選択できることを確認します。
IIS の再起動後に変更内容が表示されない場合は、ブラウザーの履歴をクリアし (一時インターネット ファイルの削除)、ブラウザー ウィンドウを更新します。
Exchange Serverの既定のOutlook on the webテーマ
組み込みのOutlook on the webテーマは、フォルダー %ExchangeInstallPath%ClientAccess\OWA\prem\<ExchangeVersion>\resources\themesにあり、次の表で説明します。
| フォルダー名 | Web 上の Outlook の表示名 | Web 上の Outlook の並べ替え順序 (低い数値から表示) | ヘッダー画像の種類 |
|---|---|---|---|
| angular | Angular 80's | 110 | 静的 |
| balloons | Balloons | 240 | 静的 |
| base | Default | 0 | なし |
| beach | Beach Sunset | 40 | アニメーション |
| black | Black | 670 | なし |
| blueberry | Blueberry | 600 | なし |
| blueprint | Blueprint | 120 | 静的 |
| bricks | Bricks | 20 | 静的 |
| cats | Cats | 300 | 静的 |
| chevron | Chevron | 80 | 静的 |
| circuit | Circuit | 130 | 静的 |
| comic | Comic Book | 170 | 静的 |
| contrast | Contrast | 500 | なし |
| cordovan | Cordovan | 650 | なし |
| crayon | Crayon | 140 | 静的 |
| cubes | 3D Cubes | 190 | 静的 |
| cubism | Cubism | 310 | 静的 |
| darkcordovan | Dark Cordovan | 660 | なし |
| darkorange | Dark Orange | 620 | なし |
| diamonds | Floating Diamonds | 160 | 静的 |
| far | Far, Far Away | 150 | アニメーション |
| grape | Grape | 610 | なし |
| jelly | Jelly Fish | 70 | アニメーション |
| lightblue | Light Blue | 530 | なし |
| lightgreen | Light Green | 540 | なし |
| lite | Lite | 510 | なし |
| mediumdarkblue | Dark Blue | 640 | なし |
| minimal | Minimal | 520 | なし |
| modern | 20th Century Modern | 280 | 静的 |
| mountain | Mountain Peak | 50 | 静的 |
| orange | Orange | 580 | なし |
| paint | Finger paints | 290 | 静的 |
| pink | Pink | 550 | なし |
| pixel | Pixel Pop | 60 | 静的 |
| polka | Polka Dot | 200 | 静的 |
| pomegranate | Pomegranate | 590 | なし |
| primary | Primary | 180 | 静的 |
| raspberry | Raspberry | 570 | なし |
| robot | Robot | 100 | アニメーション |
| simple | Simple Facets | 230 | 静的 |
| spectrum | Spectrum Facets | 90 | 静的 |
| strawberry | Strawberry | 250 | 静的 |
| super | Super sparkle happy | 10 | 静的 |
| teagarden | Tea Garden | 210 | 静的 |
| teal | Teal | 550 | なし |
| watermelon | Watermelon | 630 | なし |
| whale | Whale of a Time | 30 | アニメーション |
| whimsical | Whimsical | 220 | 静的 |
| wntrlnd | Winterland | 260 | 静的 |
| wrld | One World | 270 | 静的 |