Point: Studio CMSとは
Studio CMSは、Studio上でコンテンツを構造化して管理・更新できるCMS（Content Management System）機能です。 モデルやアイテム、プロパティを組み合わせて、ブログやニュースなどの更新性が高いコンテンツを一元管理します。
Studio CMSの仕組みや基本的な使い方は、以下の記事も参照してください。
このページでは、CMSコレクションの特徴と、作成・編集・削除などの基本操作手順を紹介します。
コレクションのユースケース
「イベント一覧」という記事モデルから任意でアイテムを選び、「おすすめイベント」というコレクションを作成し、リスト表示する。
CMSコレクションの表示
CMSダッシュボード上のコレクション
コレクションの作成と管理は、CMSダッシュボードで行います。
CMSダッシュボードの左パネルには、上部にCMSモデルの一覧が並び、その下にCMSコレクション一覧が表示されます。
デザインエディタ上のコレクション
CMSダッシュボードで作成したコレクションは、動的リストに連携することで、サイト上で一覧表示できます。コレクションと動的リストの連携は、デザインエディタ上で設定します。
以下の画像は、「オンラインイベント」のコレクションが紐づいた動的リストです。左上にコレクション名「オンラインイベント」が表示されます。
コレクションを作成する
注意：1つのコレクションで参照できるCMSモデルは1つのみです。複数のモデルをまたいでアイテム選択することはできません。
CMSダッシュボードを開きます。
画面左側にある「コレクション」右横の[+]をクリックします。
コレクション名を入力し、モデルを選択します。
[新規作成]をクリックすると、コレクションが作成されます。
コレクションにアイテムを追加する
コレクションにはアイテムを制限なく追加できますが、Webサイト上で表示可能な件数は最大50件までです。
CMSダッシュボードで、画面左側のコレクション一覧から対象のコレクションを選択します。
設定画面で[+アイテムを追加]をクリックし、対象のアイテムを登録します。
コレクションに変更を加えると、ステータスが[変更あり]に自動的に切り替わります。 変更をWebサイトに反映するには、ステータス設定で[更新する]を選択してください。更新が完了するとステータスが[公開中]となります。
デザインエディタの[公開]パネルから、サイトの[更新]を行います。
Tips：コレクション作成後に対象のモデルに新しいアイテムを追加しても、コレクションに自動で反映されることはありません。
コレクション内のアイテムを削除する
コレクションからアイテムを削除しても、アイテム自体は参照元となるモデル内に残ります。
CMSダッシュボードで、画面左側のコレクション一覧から対象のコレクションを選択します。
設定画面でアイテムにカーソルをあて、右上に表示される[×]をクリックします。
コレクションに変更を加えると、ステータスが[変更あり]に自動的に切り替わります。 変更をWebサイトに反映するには、ステータス設定で[更新する]を選択してください。更新が完了するとステータスが[公開中]となります。
デザインエディタの[公開]パネルから、サイトの[更新]を行います。
コレクション内のアイテムを並べ替える
Tips：CMSリストでアイテムの表示順を変更する
CMSリストのソート機能を使用して、CMSプロパティを元にリスト内アイテムの表示順を変更できます。
詳細は、CMSリスト > CMSリスト内のアイテムを並べ替えるを参照してください。
コレクションは、CMSダッシュボードで設定した並び順が、ページ上の表示に反映されます。
CMSダッシュボードで、画面左側のコレクション一覧から対象のコレクションを選択します。
設定画面でアイテムにカーソルをあて、表示されるアイコンをドラッグ&ドロップします。
コレクションに変更を加えると、ステータスが[変更あり]に自動的に切り替わります。 変更をWebサイトに反映するには、ステータス設定で[更新する]を選択してください。更新が完了するとステータスが[公開中]となります。
デザインエディタの[公開]パネルから、サイトの[更新]を行います。
コレクションの公開ステータスを管理する
コレクションの公開状況は、CMSアイテムと同様にステータス機能で管理します。
注意：CMSアイテムのステータスと、CMSコレクションのステータス
コレクション内のすべてのアイテムが公開中であっても、コレクション自体のステータスが下書きの場合は、そのコレクションはサイト上に表示されません。
コレクションで使用できるステータス
コレクションの公開状態は、公開中・変更あり・下書きの3つのステータスで管理します。
ステータス | ステータスアイコンの色 | ライブプレビュー表示 | サイト表示 | 概要 |
下書き | グレー | ○ | × | 編集に適した状態 |
公開中 | 緑 | ○ | ○ | サイト上で公開されている状態 |
変更あり | 青 | ○ | △ ※ライブプレビューとサイト上で、表示内容に相違があります。 | 公開中のコレクションに編集を加えている状態 |
コレクションのステータスを変更する手順
CMSダッシュボードで、画面左側のコレクション一覧から対象のコレクションを選択します。
設定画面の右上からステータスを変更します。
コレクションを複製する
コレクションを複製すると、複製元コレクション内のアイテムが紐づいた状態で新しいコレクションが作成されます。
複製されたコレクション自体のステータスは「下書き」で、コレクション名は「XXX（Copy）」という形式で作成されます。
注意：下記に該当するユーザーは、コレクションの複製操作ができません。
複製手順
CMSダッシュボードを開きます。
画面左側のコレクション一覧から、複製したいコレクションにカーソルを合わせて表示される3点メニューをクリックし、[複製]を選択します。
または、複製したいコレクションを選択して、設定画面の3点メニューをクリックし、[複製]を選択します。
コレクションを削除する
一度削除すると、元に戻すことはできません。コレクションを削除しても、含まれていたアイテム自体は参照元となるモデル内に残ります。
注意：下記に該当するユーザーは、コレクションの削除ができません。
削除手順
CMSダッシュボードを開きます。
画面左側のコレクション一覧から、削除したいコレクションにカーソルを合わせて表示される3点メニューをクリックし、[削除]を選択します。
または、削除したいコレクションを選択して設定画面の3点メニューをクリックし、[削除]を選択します。
公開サイト上に変更を反映するには、デザインエディタの[公開]パネルからサイトの[更新]をします。