コンソールのカスタマイズ（タッチ操作向け UI）

ローンチなどの関連アクションを備えたカスタムコンソールをトップレベル（サイトの下）に作成できます。

カスタムコンソールの作成では、

• 新しいコンソールのルート空間定義を作成します。次に例を示します。
  • /apps/<yourProject>/admin/ext/launches
• この定義には、（要件に応じて）次のものを含めることができます。
  
  • カスタムアクションに対応するクライアントライブラリおよび LESS／CSS 定義
    • /apps/<yourProject>/admin/ext/launches/clientlibs
  • パンくず、データソース、ローンチなど、再定義や調整が必要なコンポーネント
    • /apps/<yourProject>/admin/ext/launches/components
  • Granite UI のページリソース
    • /apps/<yourProject>/admin/ext/launches/content/jcr:content
      property: sling:resourceType
  • コンソールのページ定義
    • /apps/<yourProject>/admin/ext/launches/content/jcr:content/head
    • /apps/<yourProject>/admin/ext/launches/content/jcr:content/body

新しいコンソールを（例えばナビゲーション用レール内で）使用するには、明示的に参照するために ID を使用します。ID を使用して、コンソールとそのナビゲーション定義を関連付けます。ID は、ページの rail ノードで定義します。例えば、サイトコンソールの場合は次のようになります。

• rail ノード：
  /libs/wcm/core/content/sites/jcr:content/body/rail
  • ここで currentId プロパティを定義します。
    currentId = cq-sites

ローンチコンソールの例：

• ノード：
  • /apps/<yourProject>/admin/ext/launches/content/jcr:content/body/rail
• 次のようにプロパティを定義します。
  • currentId = cq-launches
  • sling:resourceType = granite/ui/components/endor/navcolumns
  • srcPath = cq/core/content/nav

次の場所で、必要なエントリをオーバーレイすることによって、表示の順序を変更できます。

/libs/wcm/core/content/sites/jcr:content/views

先頭のエントリがデフォルトになります。

使用可能な次のノードは、レールの表示オプションと相関関係にあります。

• column
• card
• list

例えば、リスト用のオーバーレイで、

/apps/wcm/core/content/sites/jcr:content/views/list

次のプロパティを定義します。

• 名前：sling:orderBefore
• タイプ：string
  
• 値：column

ナビゲーションエントリをレールに追加できます（例えば、ローンチなどのカスタムコンソール）。

追加するには、次のオーバーレイを作成します。

/libs/cq/core/content/nav

/apps オーバーレイに、

/apps/cq/core/content/nav

次の新しいノードとプロパティを作成します。

• ナビゲーションを拡張：
  • /apps/cq/core/content/nav/launches
• ツリー内の場所を指定：
  • プロパティ：sling:orderBefore
• 関連付けを作成するには、id プロパティが適切なコンソールの currentID プロパティを参照する（つまり同じ値を持つ）ようにします。
  • プロパティ：id
  • 値：コンソールの場合と同じ（cq-launches など）
    例えば、次のノードの currentId プロパティと同じ値です。
    /apps/<yourProject>/admin/ext/launches/content/jcr:content/body/rail
    

独自コンポーネントを作成し、カスタムアクション用のクライアントライブラリを含めることができます。例えば、次のファイルの 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

このノードのプロパティを使用して、特定のアクションを実行できるグループ（administrators など）を定義できます。

次の場所の必要なエントリをオーバーレイすることによって、レールのナビゲーションエントリ名を変更できます。

/libs/cq/core/content/nav

使用可能な次のノードは、レールのナビゲーションオプションと相関関係にあります。

• projects
• sites
• assets
  
• apps
• forms
• screens
• personalization
• commerce
• tools
• communities
  

例えば、

/apps/cq/core/content/nav/sites にあるオーバーレイに、

次のプロパティを定義します。

• 名前：sling:hideResource
• タイプ：string
  
• 値：true

ユーザー管理またはグループ管理を開き、アクセスを制限するユーザーまたはグループを選択します。

/libs/cq/core/content/nav/sites の下の適切なノードに対するアクセス権限を削除します。次のノードは、レールのナビゲーションオプションと相関関係にあります。

• projects
• sites
• assets
  
• apps
• forms
• screens
• personalization
• commerce
• tools
• communities
  

使用可能な列のリストをオーバーレイします。

• 次のノードで、
  /apps/wcm/core/content/common/availablecolumns
• 新しい列を追加、または既存の列を削除します。

詳しくは、オーバーレイ（および Sling Resource Merger）の使用を参照してください。

省略可能：

• 追加データを挿入する場合は、pageInfoProviderType プロパティを持つ PageInforProvider を記述する必要があります。
  
  

例として、（GitHub から）以下に添付するクラス／バンドルを参照してください。

これで、リスト表示の列コンフィギュレーターで列を選択できるようになります。