このドキュメントでは、最新のタッチ操作対応 UI でのコンソールのカスタマイズ方法について説明します。クラシック UI には適用されません。
AEM には、オーサーインスタンスのコンソール(およびページオーサリング機能)をカスタマイズできる様々な仕組みが用意されています。
Clientlibs
clientlibs を使用すると、デフォルトの実装を拡張して新しい機能を実現し、標準の関数、オブジェクト、メソッドを再利用できます。 カスタマイズする際、独自のクライアントライブラリを /apps.
例えば、カスタムコンポーネントに必要なコードを保持できます。
オーバーレイ
オーバーレイはノード定義に基づいており、 /libs
) を /apps
) をクリックします。 Sling Resource Merger は継承を許可しているので、オーバーレイを作成するときに、オリジナルの 1 対 1 のコピーは必要ありません。
これらをさまざまな方法で使用して、AEM コンソールを拡張できます。一部については、以降で(大まかに)説明します。
詳しくは、次のセクションを参照してください。
このトピックについては、AEM Gems セッション - User interface customization for AEM 6.0 でも説明しています。
/libs
パス内の設定は一切変更しないでください。
/libs
コンテンツは、インスタンスを次回アップグレードするとき(場合によってはホットフィックスまたは機能パックを適用したとき)に上書きされるからです。
設定およびその他の変更に推奨される方法は次のとおりです。
必要な項目(内に存在)を再作成します。 /libs
) /apps
/apps
内で変更作業をおこないます。
例えば、次の場所は、 /libs
構造はオーバーレイできます。
コンソール(Granite UI ページに基づくすべてのコンソール)。次に例を示します。
/libs/wcm/core/content
ヒントおよびツールについて詳しくは、ナレッジベースの記事「Troubleshooting AEM TouchUI issues」を参照してください。
コンソールのデフォルト表示(列、カード、リスト)をカスタマイズできます。
次の場所で、必要なエントリをオーバーレイすることによって、表示の順序を変更できます。
/libs/wcm/core/content/sites/jcr:content/views
先頭のエントリがデフォルトになります。
使用可能なノードは、使用可能な表示オプションに関連付けられます。
column
card
list
例えば、リスト用のオーバーレイで、
/apps/wcm/core/content/sites/jcr:content/views/list
次のプロパティを定義します。
sling:orderBefore
String
column
独自コンポーネントを作成し、カスタムアクション用のクライアントライブラリを含めることができます。例えば、次のファイルの Twitter に宣伝アクションなどです。
/apps/wcm/core/clientlibs/sites/js/twitter.js
このアクションを独自コンソールのツールバー項目に関連付けることができます。
/apps/<yourProject>/admin/ext/launches
選択モードの例:
content/jcr:content/body/content/header/items/selection/items/twitter
カスタムレンダリング条件を使用すると、標準のアクションをオーバーレイし、レンダリング前に満たさなければならない具体的な条件を課すことができます。
例えば、グループに基づいてレンダリング条件を制御するためのコンポーネントを作成します。
/apps/myapp/components/renderconditions/group
これをサイトコンソールの「サイトを作成」アクションに適用するには、
/libs/wcm/core/content/sites
オーバーレイを作成します。
/apps/wcm/core/content/sites
このアクションのレンダリング条件を追加します。
jcr:content/body/content/header/items/default/items/create/items/createsite/rendercondition
このノードのプロパティを使用すると、 groups
特定のアクションを実行できる例: administrators
この機能は、テキストフィールドの列に対して最適化されています。他のデータタイプの場合、 cq/gui/components/siteadmin/admin/listview/columns/analyticscolumnrenderer
in /apps
.
リスト表示で列をカスタマイズするには、次の手順を実行します。
使用可能な列のリストをオーバーレイします。
ノード上:
/apps/wcm/core/content/common/availablecolumns
新しい列を追加、または既存の列を削除します。
詳しくは、オーバーレイ(および Sling Resource Merger)の使用を参照してください。
省略可能:
追加データをプラグインする場合は、 [PageInforProvider](https://helpx.adobe.com/experience-manager/6-4/sites/developing/using/reference-materials/javadoc/com/day/cq/wcm/api/PageInfoProvider.html)
と
pageInfoProviderType
property.
例として、(GitHub から)以下に添付するクラス/バンドルを参照してください。
これで、リスト表示の列コンフィギュレーターで列を選択できるようになります。
コンソールを使用する際の一般的な使用例は、ユーザーがリソース(ページ、コンポーネント、アセットなど)から選択する必要がある場合です。これは、例えば、作成者が項目を選択する必要があるリストの形式で表示されます。
特定の用途に関連する内容を持つ妥当なサイズのリストにするには、カスタム述語の形式でフィルターを実装できます。詳しくは、この記事を参照してください。