カスタマイズを実行する一般的な手順は次のとおりです。
https://'[server]:[port]'/lc/crx/de/index.jsp
にアクセスして CRXDE Lite にログインします。
の作成 sling:Folder
という名前のフォルダー ws
時刻 /apps
(存在しない場合) sling:Folder
フォルダーを作成するには、apps
フォルダーを右クリックし、作成/ノードを作成を選択します。名前をとして指定します。 ws
を選択し、次のようにタイプを選択します。 sling:Folder
をクリックし、 OK. 「すべて保存」をクリックします。
/apps/ws
を参照して「アクセス制御」タブに移動します。
「リポジトリ」オプションを選択します。Adobe Analytics の アクセス制御 リスト、クリック + をクリックして、エントリを追加します。 もう一度「+」をクリックします。
PERM_WORKSPACE_USER プリンシパルを検索して選択します。
jcr:read
権限をプリンシパルに付与します。
「すべて保存」をクリックします。
GET.jsp
、index
および html.jsp
ファイルを /libs/ws
フォルダーから /apps/ws
フォルダーにコピーします。
/libs/ws/locales
フォルダーを /apps/ws
フォルダーにコピーします。「すべて保存」をクリックします。
以下に示すように、GET.jsp
ファイルの参照および相対パスを更新し、「すべて保存」をクリックします。
<meta http-equiv="refresh" content="0;URL='/lc/apps/ws/index.html'" />
CSS のカスタマイズは以下のようにして実行します。
次に移動: /apps/ws
フォルダーを作成し、 css
.
Adobe Analytics の css
フォルダー、名前を付けたファイルを作成します。 newStyle.css
.
/apps/ws/html
.jsp を開いて次のように変更します。変更元:
<link lang="en" rel="stylesheet" type="text/css" href="css/style.css" />
<link lang="en" rel="stylesheet" type="text/css" href="css/jquery-ui.css"/>
コピー先:
<link lang="en" rel="stylesheet" type="text/css" href="../../libs/ws/css/style.css" />
<link lang="en" rel="stylesheet" type="text/css" href="css/newStyle.css" />
<link lang="en" rel="stylesheet" type="text/css" href="../../libs/ws/css/jquery-ui.css"/>
上記のように、style.css のエントリの後ろにユーザー定義された CSS ファイルのエントリを配置します。
/apps/ws/html.jspファイルで、
<script data-main="js/main" src="js/libs/require/require.js"></script>
コピー先:
<script data-main="js/main" src="../../libs/ws/js/libs/require/require.js"></script>
以下の操作を実行します。
/apps/ws
に js
という名前のフォルダーを作成します。「すべて保存」をクリックします。
/apps/ws/js
に libs
という名前のフォルダーを作成します。「すべて保存」をクリックします。
/libs/ws/js/libs/jqueryui
フォルダーを /apps/ws/js/libs
にコピーします。「すべて保存」をクリックします。
HTMLのカスタマイズの場合は、次の操作を行います。
/apps/ws/js
の下に runtime
という名前のフォルダーを作成します。「すべて保存」をクリックします。
/apps/ws/js/runtime
の下に templates
という名前のフォルダーを作成します。「すべて保存」をクリックします。
/libs/ws/js/main.js
を /apps/ws/js/main.js
にコピーします。
/libs/ws/js/registry.js を /apps/ws/js/registry.js
にコピーします。
クリック すべて保存、キャッシュをクリアして、AEM Forms Workspace を更新します。
URL https://'[server]:[port]'/lc/ws
にアクセスして、管理者とパスワードの資格情報を使用してログインします。ブラウザーが https://'[server]:[port]'/lc/apps/ws/index.html
にリダイレクトします。