現在表示中:

概要

ドキュメントのこの節では、コミュニティコンポーネント用のクライアント側ライブラリ(clientlib)をページに追加する方法について説明します。

基本情報については、以下を参照してください。

clientlib が必要になる理由

コンポーネントを正しく機能させ(JavaScript)、スタイル設定する(CSS)には、clientlib が必要です。

コミュニティ機能が存在する場合、必須の clientlib をはじめ、必要なすべてのコンポーネントおよび設定がコミュニティサイトで提供されます。別の clientlib を追加する必要があるのは、作成者向けに追加コンポーネントを提供する場合のみです。

必須の clientlib が欠落していると、ページにコミュニティコンポーネントを追加したときに、JavaScript エラーが発生したり、予期しない外観が生じたりする可能性があります。

例:clientlib が欠落している場合のレビューの配置

chlimage_1

例:clientlib が存在する場合のレビューの配置

chlimage_1

必須の clientlib の識別

開発者向けの基本機能情報の中で、必須の clientlib が識別されています。

また、AEM インスタンスからコミュニティコンポーネントガイドを参照すると、コンポーネントに必須の clientlib カテゴリのリストにアクセスできます。

例えば、「レビュー」ページの一番上には、次の clientlib が必須として一覧表示されます。

  • cq.ckeditor
  • cq.social.hbs.reviews
chlimage_1

必須の clientlib の追加

コミュニティコンポーネントをページに追加する場合、コンポーネントに必須の clientlib がまだ存在しなければ、追加する必要があります。

CRXDE|Lite を使用すると、コミュニティサイトページの既存の clientlibslist を変更できます。

CRXDE Lite を使用してコミュニティサイトに clientlib を追加するには、次の手順に従います。

  • http://<server>:<port>/crx/de を参照します。
  • コンポーネントを追加するページの clientlibslist ノードを探します。
    • /content/sites/sample/en/page/jcr:content/clientlibslist
  • clientlibslist ノードを選択した状態で、次の手順に従います。
    • String[] プロパティ scg:requiredClientLibs を探します。
    • そのを選択して、文字列配列ダイアログにアクセスします。
      • 必要に応じて下にスクロールします。
      • + を選択して、新しいクライアントライブラリを入力します。
        • 同じ手順を繰り返して、別のクライアントライブラリを追加します。
      • OK」を選択します。
    • すべて保存」を選択します。

注意:

コミュニティサイト以外のサイトでは、使用されているクライアントライブラリの有無や場所を調べる必要があります。

ここでは、AEM Communities 使用の手引きの例(site-nameengage)を引用し、レビューコンポーネントを追加する場合に clientliblist がどのように表示されるかを示しています。

chlimage_1

本作品は Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported License によってライセンス許可を受けています。  Twitter™ および Facebook の投稿には、Creative Commons の規約内容は適用されません。

法律上の注意   |   プライバシーポリシー