組織の Azure Active Directory のサインイン ページにブランドを追加するAdd branding to your organization's Azure Active Directory sign-in page

組織のロゴとカスタム カラー スキーマを使用して、Azure Active Directory (Azure AD) のサインイン ページの外観に一貫性を持たせます。Use your organization's logo and custom color schemes to provide a consistent look-and-feel on your Azure Active Directory (Azure AD) sign-in pages. サインイン ページは、Azure AD を ID プロバイダーとして使用している組織の Web ベースのアプリ (Office 365 など) にユーザーが サインインするときに表示されます。Your sign-in pages appear when users sign in to your organization's web-based apps, such as Office 365, which uses Azure AD as your identity provider.

注意

カスタム ブランドを追加するには、Azure Active Directory Premium 1 エディション、Premium 2 エディション、または Basic エディションを使用しているか、Office 365 ライセンスを持っている必要があります。Adding custom branding requires you to use Azure Active Directory Premium 1, Premium 2, or Basic editions, or to have an Office 365 license. ライセンスとエディションの詳細については、「Azure AD Premium へのサインアップ」を参照してください。For more information about licensing and editions, see Sign up for Azure AD Premium.

Azure Active Directory のワールドワイド インスタンスを使用している中国のお客様は、Azure AD Premium および Basic エディションを使用できます。Azure AD Premium and Basic editions are available for customers in China using the worldwide instance of Azure Active Directory. 中国の 21Vianet が運営する Azure サービスでは、Azure AD Premium エディションと Basic エディションは現在サポートされていません。Azure AD Premium and Basic editions aren't currently supported in the Azure service operated by 21Vianet in China. 詳細については、Azure Active Directory フォーラムを利用してお問い合わせください。For more information, talk to us using the Azure Active Directory Forum.

Azure AD のサインイン ページをカスタマイズするCustomize your Azure AD sign-in page

Azure AD のサインイン ページをカスタマイズできます。このページは、ユーザーが組織のテナント固有のアプリ ( https://outlook.com/contoso.com など) にサインインするとき、またはドメイン変数 ( https://passwordreset.microsoftonline.com/?whr=contoso.com ) を渡すときに表示されます。You can customize your Azure AD sign-in pages, which appear when users sign in to your organization's tenant-specific apps, such as https://outlook.com/contoso.com, or when passing a domain variable, such as https://passwordreset.microsoftonline.com/?whr=contoso.com.

カスタム ブランドは、ユーザーが www.office.com などのサイトに移動したときにすぐに表示されるわけではありません。Your custom branding won't immediately appear when your users go to sites such as, www.office.com. カスタマイズされたブランドは、ユーザーがサインインした後で表示されます。Instead, the user has to sign-in before your customized branding appears.

注意

すべてのブランド要素は省略可能です。All branding elements are optional. たとえば、背景画像なしでバナー ロゴを指定した場合、サインイン ページには目的のサイト (たとえば Office 365) の既定の背景画像とロゴが表示されます。For example, if you specify a banner logo with no background image, the sign-in page will show your logo with a default background image from the destination site (for example, Office 365).

さらに、サインイン ページのブランド情報は、個人用 Microsoft アカウントに継承されることはありません。Additionally, sign-in page branding doesn’t carry over to personal Microsoft accounts. ユーザーまたはゲスト ユーザーが個人用 Microsoft アカウントを使用してサインインした場合、そのサインイン ページには組織のブランドは反映されません。If your users or business guests sign in using a personal Microsoft account, the sign-in page won't reflect the branding of your organization.

ブランドをカスタマイズするにはTo customize your branding

  1. ディレクトリのグローバル管理者アカウントを使用して Azure portal にサインインします。Sign in to the Azure portal using a Global administrator account for the directory.

  2. Azure Active Directory を選択し、 [会社のブランド] を選択し、 [構成] を選択します。Select Azure Active Directory, and then select Company branding, and then select Configure.

    [Contoso - 会社のブランド] ページ。[構成] オプションを強調表示

  3. [会社のブランドの構成] ページで、次の情報の一部または全部を指定します。On the Configure company branding page, provide any or all of the following information.

    重要

    このページに追加するすべてのカスタム イメージには、イメージのサイズ (ピクセル単位) と可能なファイル サイズ (KB) の制限があります。All the custom images you add on this page have image size (pixels), and potentially file size (KB), restrictions. これらの制限により、おそらくフォト エディターを使用して適切なサイズのイメージを作成する必要があります。Because of these restrictions, you'll most-likely need to use a photo editor to create the right-sized images.

    • 全般設定General settings

      [会社のブランドの構成] ページ。全般設定完了済み

      • 言語Language. 言語は、既定値として自動的に設定され、変更することはできません。The language is automatically set as your default and can't be changed.

      • サインイン ページの背景画像Sign-in page background image. サインイン ページの背景として表示する .png または .jpg 画像ファイルを選択します。Select a .png or .jpg image file to appear as the background for your sign-in pages.

        この画像のサイズは 1920 x 1080 ピクセルを超えることはできず、ファイル サイズは 300 KB 未満である必要があります。The image can't be larger than 1920x1080 pixels in size and must have a file size of less than 300 KB.

      • バナー ロゴBanner logo. ユーザーがユーザー名を入力した後のサインイン ページと [マイ アプリ] ポータル ページに表示するロゴの .png または .jpg のバージョンを選択します。Select a .png or .jpg version of your logo to appear on the sign-in page after the user enters a username and on the My Apps portal page.

        この画像は、高さ 36 ピクセル、幅 245 ピクセルを超えることはできません。The image can't be taller than 36 pixels or wider than 245 pixels. 背景とロゴの背景が調和しない可能性があるため、透過画像を使用することをお勧めします。We recommend using a transparent image since the background might not match your logo background. さらに、画像の周囲にパディングを追加しないことをお勧めします。これを行うとロゴが小さくなる可能性があります。We also recommend not adding padding around the image or it might make your logo look small.

      • ユーザー名のヒントUsername hint. ユーザーがユーザー名を忘れた場合に表示されるヒント テキストを入力します。Type the hint text that appears to users if they forget their username. このテキストは、リンクもコードも含まない Unicode にする必要があり、64 文字を超えることはできません。This text must be Unicode, without links or code, and can't exceed 64 characters. ゲストがアプリにサインインする場合は、このヒントを追加しないことをお勧めします。If guests sign in to your app, we suggest not adding this hint.

      • サインイン ページ テキストSign-in page text. サインイン ページの下部に表示されるテキストを入力します。Type the text that appears on the bottom of the sign-in page. このテキストを使用して、ヘルプ デスクの電話番号や法的声明などの追加情報を伝達できます。You can use this text to communicate additional information, such as the phone number to your help desk or a legal statement. このテキストは Unicode であり、256 文字以下にする必要があります。This text must be Unicode and not exceed 256 characters. さらに、リンクまたは HTML タグを含めないことをお勧めします。We also suggest not including links or HTML tags.

    • 詳細設定Advanced settings

      [会社のブランドの構成] ページ。詳細設定完了済み

      • サインイン ページの背景色Sign-in page background color. 帯域幅が小さい接続状況で背景画像の代わりに表示される 16 進数の色を指定します (たとえば、白は #FFFFFF)。Specify the hexadecimal color (for example, white is #FFFFFF) that will appear in place of your background image in low-bandwidth connection situations. バナー ロゴまたは組織のプライマリ カラーを使用することをお勧めします。We recommend using the primary color of your banner logo or your organization color.

      • 正方形のロゴ イメージSquare logo image. 新しい Windows 10 Enterprise デバイスのセットアップ プロセス中にユーザーに表示される組織のロゴの .png (推奨) または .jpg 画像を選択します。Select a .png (preferred) or .jpg image of your organization’s logo to appear to users during the setup process for new Windows 10 Enterprise devices. この画像は Windows 認証でのみ使用され、デプロイで Windows Autopilot を使用しているテナント、または他の Windows 10 エクスペリエンスのパスワード入力ページにのみ表示されます。This image is only used for Windows authentication and appears only on tenants that are using Windows Autopilot for deployment or for password entry pages in other Windows 10 experiences. 場合によっては、同意ダイアログに表示されることもあります。In some cases it may also appear in the consent dialog.

        この画像のサイズは 240 x 240 ピクセルを超えることはできず、ファイル サイズは 10 KB 未満である必要があります。The image can’t be larger than 240x240 pixels in size and must have a file size of less than 10 KB. 背景とロゴの背景が調和しない可能性があるため、透過画像を使用することをお勧めします。We recommend using a transparent image since the background might not match your logo background. さらに、画像の周囲にパディングを追加しないことをお勧めします。これを行うとロゴが小さくなる可能性があります。We also recommend not adding padding around the image or it might make your logo look small.

      • 正方形のロゴ、濃色のテーマSquare logo image, dark theme. 上記の正方形のロゴ イメージと同じです。Same as the square logo image above. このロゴ イメージは、OOBE (out-of-box experience) 中に Windows 10 の Azure AD 参加画面などの暗い背景で正方形のロゴ イメージが使用されるときに使用されます。This logo image takes the place of the square logo image when used with a dark background, such as with Windows 10 Azure AD joined screens during the out-of-box experience (OOBE). ロゴが白、濃い青、および黒の背景で見やすく表示される場合は、このイメージを追加する必要はありません。If your logo looks good on white, dark blue, and black backgrounds, you don’t need to add this image.

      • サインインしたままにする表示オプションShow option to remain signed in. ユーザーが明示的にサインアウトするまで Azure AD にサインインしたままにすることを選択できます。 [いいえ] を選択した場合、このオプションは非表示になり、ユーザーはブラウザーを閉じて再度開くたびにサインインする必要があります。You can choose to let your users remain signed in to Azure AD until explicitly signing out. If you choose No, this option is hidden, and users must sign in each time the browser is closed and reopened.

        注意

        SharePoint Online と Office 2010 の一部の機能は、ユーザーがサインインしたままにすることを選択できるかどうかに依存します。Some features of SharePoint Online and Office 2010 depend on users being able to choose to remain signed in. このオプションを [いいえ] に設定すると、ユーザーにサインインを求める追加のメッセージが予期せず表示されることがあります。If you set this option to No, your users may see additional and unexpected prompts to sign-in.

  4. ブランドの追加が完了したら、 [保存] を選択します。After you've finished adding your branding, select Save.

    このプロセスによって最初のカスタム ブランド構成が作成され、それがテナントの既定値になります。If this process creates your first custom branding configuration, it becomes the default for your tenant. 追加構成がある場合に、既定の構成を選択できます。If you have additional configurations, you'll be able to choose your default configuration.

    重要

    企業のブランド構成をテナントにさらに追加するには、 [Contoso - 会社のブランド] ページで [新しい言語] を選択する必要があります。To add more corporate branding configurations to your tenant, you must choose New language on the Contoso - Company branding page. これにより [会社のブランドの構成] ページが開き、上記と同じ手順に従うことができます。This opens the Configure company branding page, where you can follow the same steps as above.

カスタム ブランドを更新するUpdate your custom branding

カスタム ブランドを作成した後、同じページに戻って変更を行うことができます。After you've created your custom branding, you can go back and change anything you want.

カスタム ブランドを編集するにはTo edit your custom branding

  1. ディレクトリのグローバル管理者アカウントを使用して Azure portal にサインインします。Sign in to the Azure portal using a Global administrator account for the directory.

  2. Azure Active Directory を選択し、 [会社のブランド] を選択し、 [構成] を選択します。Select Azure Active Directory, and then select Company branding, and then select Configure.

    [Contoso - 会社のブランド] ページ。既定の構成を表示

  3. この記事の「Azure AD のサインイン ページをカスタマイズする」セクションの説明に基づいて、 [会社のブランドの構成] ページで任意の情報を追加、削除、または変更します。On the Configure company branding page, add, remove, or change any of the information, based on the descriptions in the Customize your Azure AD sign-in page section of this article.

  4. [保存] を選択します。Select Save.

    サインイン ページのブランドに加えた変更が表示されるまでに、最大 1 時間かかる場合があります。It can take up to an hour for any changes you made to the sign-in page branding to appear.

言語固有の会社のブランドをディレクトリに追加するにはAdd language-specific company branding to your directory

元の構成の言語を既定の言語から変更することはできません。You can't change your original configuration's language from your default language. ただし、別の言語の構成が必要な場合は、新しい構成を作成できます。However, if you need a configuration in a different language, you can create a new configuration.

言語固有のブランド構成を追加するにはTo add a language-specific branding configuration

  1. ディレクトリのグローバル管理者アカウントを使用して Azure portal にサインインします。Sign in to the Azure portal using a Global administrator account for the directory.

  2. Azure Active Directory を選択し、 [会社のブランド] を選択し、 [新しい言語] を選択します。Select Azure Active Directory, and then select Company branding, and then select New language.

    [Contoso - 会社のブランド] ページ。[新しい言語] オプションを強調表示

  3. この記事の「Azure AD のサインイン ページをカスタマイズする」セクションの説明に基づいて、 [会社のブランドの構成] ページで言語 (例: フランス語) を選択し、翻訳した情報を追加します。On the Configure company branding page, select your language (for example, French) and then add your translated information, based on the descriptions in the Customize your Azure AD sign-in page section of this article.

  4. [保存] を選択します。Select Save.

    [Contoso – 会社のブランド] ページが更新され、新しいフランス語の構成が表示されます。The Contoso – Company branding page updates to show your new French configuration.

    [Contoso - 会社のブランド] ページ。既定の構成を表示

ページにカスタム ブランドを追加するにはAdd your custom branding to pages

ページにカスタム ブランドを追加するには、URL の末尾を ?whr=yourdomainname テキストを使用して変更します。Add your custom branding to pages by modifying the end of the URL with the text, ?whr=yourdomainname. この変更は、多要素認証 (MFA) 設定ページ、セルフサービス パスワード リセット (SSPR) 設定 ページ、サインイン ページを含むさまざまなページに反映されます。This modification works on several pages, including the Multi-Factor Authentication (MFA) setup page, the Self-service Password Reset (SSPR) setup page, and the sign in page.

例:Examples:

元の URL: https://aka.ms/MFASetupOriginal URL: https://aka.ms/MFASetup
カスタム URL: https://account.activedirectory.windowsazure.com/proofup.aspx?whr=contoso.comCustom URL: https://account.activedirectory.windowsazure.com/proofup.aspx?whr=contoso.com

元の URL: https://aka.ms/SSPROriginal URL: https://aka.ms/SSPR
カスタム URL: https://passwordreset.microsoftonline.com/?whr=contoso.comCustom URL: https://passwordreset.microsoftonline.com/?whr=contoso.com