新しいログイン画面の作成 creating-a-new-login-screen

管理者権限で /lc/crx/de にログインします。

次のアクションを実行します。

1. /apps/livecycle/core/content にある /libs/livecycle/core/content の階層構造をレプリケートします。同じ（ノード/フォルダー）プロパティおよびアクセス制御を保持します。
2. 次のコンテンツフォルダーをコピーします。 から /libs/livecycle/core から /apps/livecycle/core.
3. /apps/livecycle/core フォルダーのコンテンツを削除します。

次の操作を実行します。

1. /apps/livecycle/core/components/login にある /libs/livecycle/core/components/login の階層構造をレプリケートします。同じ（ノード/フォルダー）プロパティおよびアクセス制御を保持します。
2. コンポーネントフォルダーを /libs/livecycle/core から /apps/livecycle/core にコピーします。
3. フォルダー /apps/livecycle/core/components/login のコンテンツを削除します。

i18n フォルダーをコピーします。

• コピー元：/libs/livecycle/core/components/login
• コピー先：/apps/livecycle/core/components/login

i18n にあるフォルダーの 1 つを除いて（例えば、en）すべて削除します。

フォルダー en で、以下のアクションを実行します。

1. フォルダーの名前をサポートするロケール名に変更します。（例：ar）。
2. プロパティ jcr:language の値を ar に変更します（ar フォルダーの場合）。

コピー login.jsp:

• コピー元：/libs/livecycle/core/components/login
• コピー先：/apps/livecycle/core/components/login

次のコードのスニペットを /apps/livecycle/core/components/login/login.jsp に変更します。

ロケールが言語コードである場合

String browserLocale = "en";
    for(int i=0; i<locales.length; i++)
    {
        String prioperty = locales[i];
        if(prioperty.trim().startsWith("en")) {
            browserLocale = "en";
            break;
        }
        if(prioperty.trim().startsWith("de")){
            browserLocale = "de";
            break;
        }
        if(prioperty.trim().startsWith("ja")){
            browserLocale = "ja";
            break;
        }
        if(prioperty.trim().startsWith("fr")){
            browserLocale = "fr";
            break;
        }
    }

To

String browserLocale = "en";
    for(int i=0; i<locales.length; i++)
    {
        String prioperty = locales[i];
        if(prioperty.trim().startsWith("ar")) {
            browserLocale = "ar";
            break;
        }
        if(prioperty.trim().startsWith("en")) {
            browserLocale = "en";
            break;
        }
        if(prioperty.trim().startsWith("de")){
            browserLocale = "de";
            break;
        }
        if(prioperty.trim().startsWith("ja")){
            browserLocale = "ja";
            break;
        }
        if(prioperty.trim().startsWith("fr")){
            browserLocale = "fr";
            break;
        }
    }

ロケールが言語 — 国コードである

String browserLocale = "en";
    for(int i=0; i<locales.length; i++)
    {
        String prioperty = locales[i];
        if(prioperty.trim().startsWith("en")) {
            browserLocale = "en";
            break;
        }
        if(prioperty.trim().startsWith("de")){
            browserLocale = "de";
            break;
        }
        if(prioperty.trim().startsWith("ja")){
            browserLocale = "ja";
            break;
        }
        if(prioperty.trim().startsWith("fr")){
            browserLocale = "fr";
            break;
        }
    }

To

String browserLocale = "en";
    for(int i=0; i<locales.length; i++)
    {
        String prioperty = locales[i];
        if(prioperty.trim().equalsIgnoreCase("ar-DZ")) {
            browserLocale = "ar-DZ";
            break;
        }
        if(prioperty.trim().startsWith("en")) {
            browserLocale = "en";
            break;
        }
        if(prioperty.trim().startsWith("de")){
            browserLocale = "de";
            break;
        }
        if(prioperty.trim().startsWith("ja")){
            browserLocale = "ja";
            break;
        }
        if(prioperty.trim().startsWith("fr")){
            browserLocale = "fr";
            break;
        }
    }

デフォルトのロケールを変更するには

String browserLocale = "en";
for(int i=0; i<locales.length; i++)

To

String browserLocale = "ar";
for(int i=0; i<locales.length; i++)

i18n フォルダーをコピーします。

• コピー元：/libs/livecycle/core/components/login
• コピー先：/apps/livecycle/core/components/login

ここで、テキストを変更するノード（該当するロケールコードフォルダの下）のプロパティ sling:message の値を変更します。翻訳は、ノードのプロパティ sling:key の値に示されているキーを介して行われます。

新しいキーと値のペアを追加する場合は、次の操作を実行します。 次のスクリーンショットの例を確認します。

1. sling:MessageEntry タイプのノードを作成するか、またはすべてのロケールフォルダーの下で既存のノードをコピーして名前を変更します。

2. コピー login.jsp :

   • コピー元：/libs/livecycle/core/components/login
   • コピー先：/apps/livecycle/core/components/login

3. /apps/livecycle/core/components/login/login.jsp を変更して、新しく追加したテキストを取り込みます。

div class="loginContent">
                    <span class="loginFlow"></span>
                    <span class="loginVersion"><%= i18n.get("Version: 11.0.0") %></span>
                    <span class="loginTitle"><%= i18n.get("Login") %></span>
                    <% if (loginFailed) {%>

To

div class="loginContent">
                    <span class="loginFlow"></span>
                    <span class="loginVersion"><%= i18n.get("My Welcome Message") %></span>
                    <span class="loginVersion"><%= i18n.get("Version: 11.0.0") %></span>
                    <span class="loginTitle"><%= i18n.get("Login") %></span>
                    <% if (loginFailed) {%>

login ノードをコピーします。

• コピー元：/libs/livecycle/core/content
• コピー先：/apps/livecycle/core/content

ファイル login.js および jquery-1.8.0.min.js を、ノード /apps/livecycle/core/content/login. から削除します。

CSS ファイルのスタイルを変更します。

新しいスタイルを追加するには：

1. 新しいスタイルを /apps/livecycle/core/content/login/login.css に追加します。

2. コピー login.jsp

   • コピー元：/libs/livecycle/core/components/login
   • コピー先：/apps/livecycle/core/components/login

3. /apps/livecycle/core/components/login/login.jsp を変更して、新しく追加したスタイルを取り込みます。

次に例を示します。

• /apps/livecycle/core/content/login/login.css に以下の内容を追加します。

.newLoginContentArea {
 width: 700px;
 padding: 100px 0px 0px 100px;
}

• /apps/livecycle/core/components/login.jspで以下を変更します。

<div class="loginContentArea">

To

<div class="newLoginContentArea">

上記の「新しいスタイルの追加、または既存のスタイルの変更」の手順に従います。

/apps/livecycle/core/content/login に新しい画像を追加します。画像を追加するには：

1. WebDAV クライアントをインストールします。
2. webDAV クライアントを使用して、/apps/livecycle/core/content/login フォルダーに移動します。詳しくは、https://dev.day.com/docs/en/crx/current/how_to/webdav_access.html を参照してください。
3. 新しい画像を追加します。

/apps/livecycle/core/content/login に追加された新しい画像に対応して、/apps/livecycle/core/content/login/login.css, に新しいスタイルを追加します。

/apps/livecycle/core/components にある login.jsp の新しいスタイルを使用します。

以下に例を示します。

• /apps/livecycle/core/content/login/login.css に次の内容を追加します

.newLoginContainerBkg {
 background-image: url(my_Bg.gif);
 background-repeat: no-repeat;
 background-position: left top;
 width: 727px;
}

• /apps/livecycle/core/components/login.jspで以下を変更します。

<div class="loginContainerBkg">

To

<div class="newLginContainerBkg">