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

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

はじめに

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

テーマを適用する

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

ラベルと設定を変更する

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

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

関連項目

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

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

Oktaメール通知にテーマを適用する

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