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

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

開始する前の確認事項

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

テーマを適用する

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

ラベルと設定を変更する

Admin Consoleでカスタマイズ（Customizations） > ブランド（Brands）に移動します。
ブランドを選択します。
ページ（Pages）タブに移動します。サインインページ（Sign-in page）セクションで、編集（Edit）または構成（Configure）をクリックします。
ラベル（Labels）タブで、編集したいラベルタイプの編集（Edit）をクリックします。
カスタマイズする見出し、ラベル、リンクに新しい値を入力します。
たとえば、ユーザーが識別子を使用してサインインするのを許可する場合は、（Username）ユーザー名（［Username）］ラベルを、ユーザーが使用できる識別子を示すように変更できます。
入力時にユーザーがパスワードを表示できるかどうかをカスタマイズするには、パスワードの可視性の切り替え（Password visibility toggle）を変更します。
Sign-In Widget のAuthenticatorページに表示されるカスタムリンクを追加するには、カスタムリンクテキスト（Custom link text）フィールドとカスタムリンクURL（Custom link URL）フィールドに値を入力します。デフォルトのリンクはエンドユーザーの表示言語またはブラウザーの言語で表示されますが、Oktaではカスタムリンクをローカライズしません。カスタムリンクがエンドユーザーの表示言語またはブラウザー言語でない場合、サインインページには複数の言語のテキストが表示されます。
Authenticatorの検証（Authenticator verification）ページのリンクをカスタマイズするには、要素ページ（Factor Page）フィールドとカスタムリンク（Custom Link）フィールドに新しい値を入力します。注：これは早期アクセス機能です。
サインインしたままにする（Keep me signed in）テキストを変更するには、タイトル（Title）、サブタイトル（Subtitle）、承諾ボタン（Accept button）、または拒否ボタン（Reject button）フィールドに新しい値を入力します。注：これは早期アクセス機能です。
Authenticator登録の猶予期間に関するメッセージをカスタマイズするには、早急に説明が必要（Required soon description）、早急にカスタムリンクテキストが必要（Required soon custom link text）、早急にカスタムリンクURLが必要（Required soon custom link URL）のフィールドに新しいテキスト文字列を入力します。注：これは早期アクセス機能です。
第3世代のSign-In Widget を使用するには、設定（Settings）タブを開き、第3世代を使用（Use third generation）トグルをクリックしてアクティブ化します。第3世代（Sign-In Widget ）を参照してください。
第3世代のSign-In Widget を特定のバージョンに固定するには、設定（Settings）タブを開き、バージョン（Version）ドロップダウンリストからバージョン番号を選択します。第3世代（Sign-In Widget ）を参照してください。
認証ページと登録ページにユーザーの識別子を表示するかどうかをカスタマイズするには、設定（Settings）タブを開いてSign-In Widgetのユーザー識別子（Sign-In Widget User Identifier）トグルを変更します。
下書きに保存（Save to draft）をクリックします。変更を含むタブラベル、コントロールボタン、セクション見出しの横に黄色のドットが表示されます。変更を公開すると表示されなくなります。
公開（Publish）をクリックします。

注:

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