Outlook Web App サインイン、言語選択、エラー ページをカスタマイズする

  • [アーティクル]

製品: Exchange Server 2013

ここでは、Outlook Web App のサインイン、言語選択、およびエラーの各ページをカスタマイズする方法について説明します。

Outlook Web App サインイン、言語選択、およびエラーのページは、テーマのリソース フォルダー内のグラフィック ファイルと .css ファイルに基づいて作成されます。 Outlook Web App では、すべてのテーマに対してサインイン、言語選択、およびエラーの各ページのセットが 1 組だけ使われます。 これらのページに対する変更は、すべてのユーザーに表示されます。 テーマ リソース フォルダーは、Exchange インストール ディレクトリの %ExchangeInstallPath%FrontEnd\HttpProxy\owa\auth\version\theme\resources にあります。 既定の色を変更するにはテキスト エディター、画像を変更するにはグラフィック エディターが必要です。 特定の色に一致させる必要があり、その色を「色の一覧」で見つけられない場合は、画像編集ツールを使用して色をサンプリングすると、その 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 RBG 値と置き換えます。

  4. ファイルを保存して閉じます。

エラー ページの色をカスタマイズする

  1. Exchange サーバーにログオンし、Windows エクスプローラーを使用して Exchange サーバーのインストール ディレクトリに移動し、%ExchangeInstallPath%FrontEnd\HttpProxy\owa\auth\version>\<themes\resources を見つけます。

  2. メモ帳などのテキスト エディターを使用して、errorFE.css ファイルを開きます。

  3. 既定の色の値 #0072c6 を検索して、使用する色の HTML RBG 値と置き換えます。

  4. ファイルを保存して閉じます。

言語選択ページの色をカスタマイズする

  1. Exchange サーバーにログオンし、Windows エクスプローラーを使用して Exchange サーバーのインストール ディレクトリに移動し、%ExchangeInstallPath%ClientAccess\Owa\prem\<version>\resources\styles を見つけます。

  2. メモ帳などのテキスト エディターを使用して、LanguageSelection.css ファイルを開きます。

  3. 既定の色の値 #0072c6 を検索して、使用する色の HTML RBG 値と置き換えます。

  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 RBG 値と置き換えます。

  4. ファイルを保存して閉じます。

正常な動作を確認する方法

Internet Explorer で Outlook Web App のサインイン ページを開きます。 Outlook Web App 仮想ディレクトリをホストしているサーバーの既定の Web サイトに対する変更をテストしている場合、Internet Explorer を開いて URL に「https://localhost/owa」と入力することで、テストを実行することができます。

変更されない場合は、以下の操作を実行してください。

  1. ツール バーの [設定] [インターネット オプション] [全般]> の順>に選択します。

  2. [閲覧の履歴] の下で [削除] を選択します。

  3. [インターネット一時ファイルと Web サイト ファイル] を選択し、 [削除] を選択します。

  4. 削除が終了したら、 [OK] を選択して、 [インターネット オプション] を閉じます。

  5. ブラウザー ウィンドウを更新します。

ヒント

変更の効果を確認するには、編集している .css ファイルを開いたままにして、変更するたびにファイルを保存して、ブラウザー ウィンドウを更新します。