AEM Forms Workspace のカスタマイズの一般的な手順

カスタマイズを実行するための一般的な手順を以下に示します。

1. https://'[server]:[port]'/lc/crx/de/index.jsp にアクセスして CRXDE Lite にログインします。

2. /apps に ws という名前の sling:Folder フォルダーが存在しない場合は、作成します。sling:Folder フォルダーを作成するには、apps フォルダーを右クリックし、作成／ノードを作成​を選択します。名前を ws として指定し、タイプを sling:Folder として選択して「OK」をクリックします。「すべて保存」をクリックします。

3. /apps/ws を参照して「アクセス制御」タブに移動します。

4. 「リポジトリ」オプションを選択します。アクセス制御​リストで「+」 をクリックして、新しいエントリを追加します。もう一度「+」をクリックします。

5. PERM_WORKSPACE_USER プリンシパルを検索して選択します。

   

6. jcr:read 権限をプリンシパルに付与します。

7. 「すべて保存」をクリックします。

8. GET.jsp、index および html.jsp ファイルを /libs/ws フォルダーから /apps/ws フォルダーにコピーします。

9. /libs/ws/locales フォルダーを /apps/ws フォルダーにコピーします。「すべて保存」をクリックします。

10. 以下に示すように、GET.jsp ファイルの参照および相対パスを更新し、「すべて保存」をクリックします。

    <meta http-equiv="refresh" content="0;URL='/lc/apps/ws/index.html'" />
    

11. CSS のカスタマイズは以下のようにして実行します。

    1. /apps/ws フォルダーに移動して css という名前の新しいフォルダーを作成します。

    2. css フォルダーに newStyle.css という名前の新しいファイルを作成します。

    3. /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 ファイルのエントリを配置します。

12. /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>
    

13. 以下の操作を実行します。

    1. /apps/ws に js という名前のフォルダーを作成します。「すべて保存」をクリックします。

    2. /apps/ws/js に libs という名前のフォルダーを作成します。「すべて保存」をクリックします。

    3. /libs/ws/js/libs/jqueryui フォルダーを /apps/ws/js/libs にコピーします。「すべて保存」をクリックします。

14. HTML のカスタマイズは以下のようにして実行します。

    1. /apps/ws/js の下に runtime という名前のフォルダーを作成します。「すべて保存」をクリックします。

    2. /apps/ws/js/runtime の下に templates という名前のフォルダーを作成します。「すべて保存」をクリックします。

    3. /libs/ws/js/main.js を /apps/ws/js/main.js にコピーします。

    4. /libs/ws/js/registry.js を /apps/ws/js/registry.js にコピーします。

15. 「Save All」をクリックし、キャッシュをクリアして AEM Forms Workspace を更新します。

    URL https://'[server]:[port]'/lc/ws にアクセスして、管理者とパスワードの資格情報を使用してログインします。ブラウザーが https://'[server]:[port]'/lc/apps/ws/index.html にリダイレクトします。

Business.Adobe.com リソース

Cms Cloud Personalized Experiences Theme Editor Version History Web Content Management Content Management