新しいログイン画面の作成 creating-a-new-login-screen
AEM Formsログイン画面を使用するすべてのAEM Formsモジュールのログイン画面を変更できます。 例えば、変更は、Forms Manager とAEM Forms Workspace の両方のログイン画面に影響します。
前提条件 prerequisite
-
管理者権限で
/lc/crx/de
にログインします。 -
次のアクションを実行します。
/apps/livecycle/core/content
にある/libs/livecycle/core/content
の階層構造をレプリケートします。同じ(ノード/フォルダー)プロパティおよびアクセス制御を保持します。- 次のコンテンツフォルダーをコピーします。 から
/libs/livecycle/core
から/apps/livecycle/core
. /apps/livecycle/core
フォルダーのコンテンツを削除します。
-
次の操作を実行します。
/apps/livecycle/core/components/login
にある/libs/livecycle/core/components/login
の階層構造をレプリケートします。同じ(ノード/フォルダー)プロパティおよびアクセス制御を保持します。- コンポーネントフォルダーを
/libs/livecycle/core
から/apps/livecycle/core
にコピーします。 - フォルダー
/apps/livecycle/core/components/login
のコンテンツを削除します。
新しいロケールの追加 adding-a-new-locale
-
i18n
フォルダーをコピーします。- コピー元:
/libs/livecycle/core/components/login
- コピー先:
/apps/livecycle/core/components/login
- コピー元:
-
i18n
にあるフォルダーの 1 つを除いて(例えば、en
)すべて削除します。 -
フォルダー
en
で、以下のアクションを実行します。- フォルダーの名前をサポートするロケール名に変更します。(例:
ar
)。 - プロパティ
jcr:language
の値をar
に変更します(ar
フォルダーの場合)。
note note NOTE ar-DZ
のようにロケールが言語と国コードの組み合わせである場合は、フォルダー名とプロパティ値をar-DZ
に変更します。 - フォルダーの名前をサポートするロケール名に変更します。(例:
-
コピー
login.jsp
:- コピー元:
/libs/livecycle/core/components/login
- コピー先:
/apps/livecycle/core/components/login
- コピー元:
-
次のコードのスニペットを
/apps/livecycle/core/components/login/login.jsp
に変更します。ロケールが言語コードである場合
code language-none 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; } }
ロケールが言語 — 国コードである
code language-none 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; } }
デフォルトのロケールを変更するには
code language-none String browserLocale = "en"; for(int i=0; i<locales.length; i++) To String browserLocale = "ar"; for(int i=0; i<locales.length; i++)
新しいテキストの追加、または既存のテキストの変更 adding-new-text-or-modifying-existing-text
-
i18n
フォルダーをコピーします。- コピー元:
/libs/livecycle/core/components/login
- コピー先:
/apps/livecycle/core/components/login
- コピー元:
-
ここで、テキストを変更するノード(該当するロケールコードフォルダの下)のプロパティ
sling:message
の値を変更します。翻訳は、ノードのプロパティsling:key
の値に示されているキーを介して行われます。 -
新しいキーと値のペアを追加する場合は、次の操作を実行します。 次のスクリーンショットの例を確認します。
-
sling:MessageEntry
タイプのノードを作成するか、またはすべてのロケールフォルダーの下で既存のノードをコピーして名前を変更します。 -
コピー
login.jsp
:- コピー元:
/libs/livecycle/core/components/login
- コピー先:
/apps/livecycle/core/components/login
- コピー元:
-
/apps/livecycle/core/components/login/login.jsp
を変更して、新しく追加したテキストを取り込みます。
code language-none 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) {%>
-
新しいスタイルの追加、または既存のスタイルの変更 adding-new-style-or-modifying-existing-style
-
login
ノードをコピーします。- コピー元:
/libs/livecycle/core/content
- コピー先:
/apps/livecycle/core/content
- コピー元:
-
ファイル
login.js
およびjquery-1.8.0.min.js
を、ノード/apps/livecycle/core/content/login.
から削除します。 -
CSS ファイルのスタイルを変更します。
-
新しいスタイルを追加するには:
-
新しいスタイルを
/apps/livecycle/core/content/login/login.css
に追加します。 -
コピー
login.jsp
- コピー元:
/libs/livecycle/core/components/login
- コピー先:
/apps/livecycle/core/components/login
- コピー元:
-
/apps/livecycle/core/components/login/login.jsp
を変更して、新しく追加したスタイルを取り込みます。
-
-
次に例を示します。
/apps/livecycle/core/content/login/login.css
に以下の内容を追加します。
code language-css .newLoginContentArea { width: 700px; padding: 100px 0px 0px 100px; }
- /apps/livecycle/core/components/login.jspで以下を変更します。
code language-none <div class="loginContentArea"> To <div class="newLoginContentArea">
/apps/livecycle/core/content/login
の既存の画像(/libs/livecycle/core/content/login
からコピーした)が削除されている場合は、CSS で対応する参照を削除します。新しい画像の追加 add-new-images
-
上記の「新しいスタイルの追加、または既存のスタイルの変更」の手順に従います。
-
/apps/livecycle/core/content/login
に新しい画像を追加します。画像を追加するには:- WebDAV クライアントをインストールします。
- webDAV クライアントを使用して、
/apps/livecycle/core/content/login
フォルダーに移動します。詳しくは、https://dev.day.com/docs/en/crx/current/how_to/webdav_access.html を参照してください。 - 新しい画像を追加します。
-
/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
に次の内容を追加します
code language-css .newLoginContainerBkg { background-image: url(my_Bg.gif); background-repeat: no-repeat; background-position: left top; width: 727px; }
- /apps/livecycle/core/components/login.jspで以下を変更します。
code language-none <div class="loginContainerBkg"> To <div class="newLginContainerBkg">