サインインページをカスタマイズする
ユーザーがアプリケーションにアクセスしようとすると、Oktaでホストされたサインインページに移動します。このページをカスタマイズしてブランドに適したシームレスなユーザーエクスペリエンスを提供します。テーマを適用したり、ラベルとURLを変更したり、可視性設定を変更したりできます。
はじめに
- スーパー管理者またはorg管理者であるか、カスタマイゼーション権限があるロールを持っている必要があります。
- orgのテーマを設定します。
- サインインページを正しく表示するため、ブラウザーの高さを750ピクセル以上に設定します。
- コードエディターを使用する場合は、最初にブランドをカスタムドメインと関連付ける必要があります。「ドメインとメールアドレスをカスタマイズする」を参照してください。
- サインインページでコードエディターを使用していたものの、代わりにカスタムブランディングを使用したい場合は、［Code editor（コードエディター）］トグルをオフに切り替えます。コードエディターを使用してカスタマイズすると、これらのページのブランディングが上書きされます。
テーマを適用する
- Admin Consoleでに移動します。
- ブランドを選択します。
- ［ページ］タブに移動し、サインインページの［Edit（編集）］または［Configure（構成）］をクリックします。
- マルチブランドのユーザーの場合はオプション。［Page Design（ページデザイン）］タブで、［Base style（ベーススタイル）］パネルからスタイルを選択します。
- 任意。orgでカスタムサインインページを使用していて、HTMLに精通している場合は、コードエディタを使用してより高度なカスタマイズを行うことができます。「サインインページのスタイルを設定する」を参照してください。
- ［Save and publish（保存して公開）］をクリックします。
ラベルと設定を変更する
- Admin Consoleでに移動します。
- ブランドを選択します。
- ［ページ］タブに移動します。［Sign-in page（サインインページ）］セクションで、［Edit（編集）］または［Configure（構成）］をクリックします。
- ［Labels（ラベル）］タブで、編集したいラベルタイプの［Edit（編集）］をクリックします。
- カスタマイズする見出し、ラベル、リンクに新しい値を入力します。デフォルトのリンクはエンドユーザーの表示言語またはブラウザーの言語で表示されますが、Oktaではカスタムリンクはローカライズされません。カスタムリンクがエンドユーザーの表示言語またはブラウザー言語でない場合、サインインページには複数の言語のテキストが表示されます。
- 入力時にユーザーがパスワードを表示できるかどうかをカスタマイズするには、［Password visibility toggle（パスワードの可視性の切り替え）］を変更します。
- Sign-In WidgetのAuthenticatorページに表示されるカスタムリンクを追加するには、［Custom link text（カスタムリンクテキスト）］フィールドと［Custom link URL（カスタムリンクURL）］フィールドに値を入力します。
-
［Authenticator verification（Authenticator の検証）］ページのリンクをカスタマイズするには、［Factor Page（要素ページ ）］フィールドと［Custom Link（カスタムリンク）］フィールドに新しい値を入力します。注：これは早期アクセス機能です。
- 第3世代のサインインウィジェットを使用するには、［Settings（設定）］タブを開き、［Use third generation（第3世代を使用）］トグルをクリックしてアクティブ化します。「サインインウィジェット（第3世代）」を参照してください。
- 認証ページと登録ページにユーザーの識別子を表示するかどうかをカスタマイズするには、［Settings（設定）］タブを開いて［Sign-In Widget User Identifier（Sign-In Widgetのユーザー識別子）］トグルを変更します。
- ［Save to draft（下書きに保存）］をクリックします。下書きが保存されている一方でまだ公開されていない場合は、変更を含むタブラベル、コントロールボタン、セクション見出しの横に黄色のドットが表示されます。
- ［Publish（公開）］をクリックします。
第3世代のサインインウィジェットに移行した場合、第2世代のウイジェットで行ったカスタマイズは表示されません。再作成については、「サインインウィジェットのスタイル設定（第3世代）」を参照してください。