1. テーマ

ログイン ページのカスタマイズ

Version:
日本語翻訳に関する免責事項

このページの翻訳はAIによって自動的に行われました。可能な限り正確な翻訳を心掛けていますが、原文と異なる表現や解釈が含まれる場合があります。正確で公式な情報については、必ず英語の原文をご参照ください。

ログイン ページをカスタマイズし、テーマを適用することで、組織やチームのブランディングを反映できます。

注意

ログイン (ホームページ) ページの画像を変更するには、[管理] ページの [ページ] で、レイアウトと背景画像を変更します。

たとえば、ログイン ページのロゴと配色を変更できます。次の例では、カラー テーマは花のロゴが付いた青/緑/ピンクです。

注意

ロゴは SVG ファイルである必要があり、有効な viewBOX 属性が含まれている必要があります。viewBox 属性は通常、SVG エディターによって自動的に追加されます。ただし、テキスト エディタで SVG ファイルを開き、viewBox 属性を追加することはできます (たとえば、上記の花のアイコンの表示には viewBox=" 0 0 24 24" を使用)。

テーマを作成する

テーマを作成するには:

  1. メニュー バーで [管理] をクリックします。

  2. [管理] ページで、[テーマ] をクリックします。

  3. [テーマ] ページで、[+ テーマ] をクリックします。

  4. [テーマ] ダイアログ ボックスで、[名前] フィールドに新しいテーマの名前を入力します (たとえば、カラフルなテーマ)。

  5. [作成] をクリックします。

  6. テーマを設定します。

  7. テーマを適用するには、使用するテーマの隣の [テーマ] ページをクリックし、[その他のアクション] (...) をクリックして、[既定として設定] 既定として設定アイコン を選択します。

注意

ログイン ページのカスタマイズには、既定のテーマのみが使用されます。現在の既定のテーマを置き換え、既定のテーマを使用しているすべての場所に適用されます。

外部認証プロバイダー

Google や SAML などの外部認証プロバイダーを使用したログインを有効にできます。

外部認証プロバイダーを使用するには:

  1. メニュー バーで [管理] をクリックします。

  2. [管理] ページで、[設定] をクリックします。

  3. [設定] ページで [ポータル設定] をクリックし、[認証] をクリックします。

  4. Google や SAML を使用してログインするには、ExternalAuthenticationProviders セクションに次の構成を追加します。

     ExternalAuthenticationProviders: {
Google: [
{
client_id: '111111111111-a1aaa11a11aa1a11aa1aa1aaaaaaaaaa.apps.googleusercontent.com',
client_secret: 'aaaAaAaaa11AaaA-aAaaaAA',
is_enabled: true,
provider_name: 'Google',
messages: {},
authentication_mode: 'Passive'
}
],
saml: [
{
metadata_location: 'https://dev-hzyowzt0.eu.auth0.com/samlp/metadata/aAAAaAAAaaAAaaaaaaaaAa1aAAAa1a1a',
sp_entity_id: 'urn:dev-hzyowzt0.eu.auth0.com',
idp_entity_id: 'urn:dev-hzyowzt0.eu.auth0.com',
provider_name: 'testsaml',
authentication_mode: 'Passive',
is_enabled: true
}
]
},

  5. 既定のログイン ページではなく、シングル サインオン (SSO) ページに自動的に移動するには、authentication_mode をアクティブに変更します。

    これは、ユーザーが既定のログイン ページに移動すると、自動的に SSO ページに移動することを意味します。

    注意

    SSO を使用する場合は、「ベスト プラクティス」の SSO 設定のセクションを確認してください。

  6. [保存] をクリックします。

この記事を改善するための提案がある場合は、 お知らせください!