サインインページをカスタマイズする

ユーザーがアプリにアクセスしようとすると、Oktaでホストされたサインインページに移動します。このページをカスタマイズしてブランドに適したシームレスなユーザーエクスペリエンスを提供します。テーマを適用したり、ラベルとURLを変更したり、可視性設定を変更したりできます。

開始する前の確認事項

  • スーパー管理者またはorg管理者であるか、カスタマイゼーション権限があるロールを持っている必要があります。
  • orgのテーマを設定します
  • サインインページを正しく表示するため、ブラウザーの高さを750ピクセル以上に設定します。
  • コードエディターを使用する場合は、最初にブランドをカスタムドメインと関連付ける必要があります。「ドメインとメールアドレスをカスタマイズする」を参照してください。
  • サインインページでコードエディターを使用していたものの、代わりにカスタムブランディングを使用したい場合は、コードエディター(Code editor)トグルをオフに切り替えます。コードエディターを使用してカスタマイズすると、これらのページのブランディングが上書きされます。

テーマを適用する

  1. Admin Consoleカスタマイズ(Customizations) > ブランド(Brands)に移動します。

  2. ブランドを選択します。
  3. ページ(Pages)タブに移動し、サインインページ(Edit)編集(Edit)(Configure)または構成(Configure)(Sign-in page)をクリックします。
  4. マルチブランドのユーザーの場合は任意。ページデザイン(Page Design)タブで、ベーススタイル(Base style)パネルからスタイルを選択します。
  5. 任意。orgでカスタムサインインページを使用していて、HTMLに精通している場合は、コードエディタを使用してより高度なカスタマイズを行うことができます。「サインインページのスタイルを設定する」を参照してください。
  6. 保存して公開(Save and publish)をクリックします。

ラベルと設定を変更する

  1. Admin Consoleカスタマイズ(Customizations) > ブランド(Brands)に移動します。

  2. ブランドを選択します。
  3. ページ(Pages)タブに移動します。サインインページ(Sign-in page)セクションで、編集(Edit)または構成(Configure)をクリックします。
  4. ラベル(Labels)タブで、編集したいラベルタイプの編集(Edit)をクリックします。
  5. カスタマイズする見出し、ラベル、リンクに新しい値を入力します。
  6. Sign-In Widget のAuthenticatorページに表示されるカスタムリンクを追加するには、カスタムリンクテキスト(Custom link text)フィールドとカスタムリンクURL(Custom link URL)フィールドに値を入力します。デフォルトのリンクはエンドユーザーの表示言語またはブラウザーの言語で表示されますが、Oktaではカスタムリンクをローカライズしません。カスタムリンクがエンドユーザーの表示言語またはブラウザー言語でない場合、サインインページには複数の言語のテキストが表示されます。
  7. MFA要素の検証(MFA Factor Verification)ページのリンクをカスタマイズするには、要素のページ(Factor Page)フィールドとカスタムリンク(Custom Link)フィールドに新しい値を入力します。注:これは早期アクセス機能です。

  8. 下書きに保存(Save to draft)をクリックします。変更を含むタブラベル、コントロールボタン、セクション見出しの横に黄色のドットが表示されます。変更を公開すると表示されなくなります。
  9. 公開(Publish)をクリックします。

関連項目

ドメインとメールアドレスのカスタマイズ

OktaでホストされたOkta Sign-In Widget のスタイル設定

Okta Communicationsにテーマを適用する

よくある質問:サードパーティクッキーのブロックがOkta環境に影響を与える可能性について