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

ユーザーがアプリケーションにアクセスしようとすると、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. カスタマイズする見出し、ラベル、リンクに新しい値を入力します。<MadCap:conditionalText data-mc-conditions="MultiProdPublish.OIE">たとえば、ユーザーが識別子を使用してサインインするのを許可する場合は、[Username(ユーザー名)]ラベルを、ユーザーが使用できる識別子を示すように変更できます。</MadCap:conditionalText>
  6. 入力時にユーザーがパスワードを表示できるかどうかをカスタマイズするには、[Password visibility toggle(パスワードの可視性の切り替え)]を変更します。
  7. Sign-In Widget のAuthenticatorページに表示されるカスタムリンクを追加するには、[Custom link text(カスタムリンクテキスト)]フィールドと[Custom link URL(カスタムリンクURL)]フィールドに値を入力します。デフォルトのリンクはエンドユーザーの表示言語またはブラウザーの言語で表示されますが、Oktaではカスタムリンクをローカライズしません。カスタムリンクがエンドユーザーの表示言語またはブラウザー言語でない場合、サインインページには複数の言語のテキストが表示されます。
  8. [Authenticatorの検証]ページのリンクをカスタマイズするには、[Factor Page(要素ページ )]フィールドと[Custom Link(カスタムリンク)]フィールドに新しい値を入力します。注:これは早期アクセス機能です。

  9. 第3世代のSign-In Widget を使用するには、[設定]タブを開き、[Use third generation(第3世代を使用)]トグルをクリックしてアクティブ化します。「Sign-In Widget (第3世代)」を参照してください。
  10. 第3世代のSign-In Widget を特定のバージョンに固定するには、[設定]タブを開き、[Version(バージョン)]ドロップダウンリストからバージョン番号を選択します。「Sign-In Widget (第3世代)」を参照してください。
  11. 認証ページと登録ページにユーザーの識別子を表示するかどうかをカスタマイズするには、[Settings(設定)]タブを開いて[Sign-In Widget User Identifier(Sign-In Widgetのユーザー識別子)]トグルを変更します。
  12. [Save to draft(下書きに保存)]をクリックします。変更を含むタブラベル、コントロールボタン、セクション見出しの横に黄色のドットが表示されます。変更を公開すると表示されなくなります。
  13. [Publish(公開)]をクリックします。
注

第3世代のSign-In Widget に移行した場合、第2世代のウイジェットで行ったカスタマイズは表示されません。再作成については、「Sign-In Widget のスタイル設定(第3世代)」を参照してください。

関連項目

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

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

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

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