メインコンテンツにスキップ

CMSコレクション

CMSコレクションは、特定のモデルから任意のアイテムを選び、手動で並び順や露出をコントロールするキュレーション機能です。コレクションの特徴から、作成・編集・削除などの操作手順をご紹介します。

今日アップデートされました

Point: CMSとStudioCMS

  • CMS(Contents Management System / コンテンツ管理システム)とは

    CMSとは、Webサイトを構成する要素であるビジュアルデザインとコンテンツのうち、コンテンツのみをデータベースに登録して管理する仕組みです。ビジュアルデザインに直接コンテンツを適用する必要がないため、デザインやコーディングの専門知識がなくても、コンテンツを容易に追加・編集できます。

    ニュース、ブログ、コラム、導入事例など、同一のデザインで定期的な追加・更新が発生するコンテンツ等に適しています。

  • Studio CMSとは

    Studio CMSでは、CMSダッシュボードでコンテンツを作成し、デザインエディタでビジュアルデザインを作成します。

    コンテンツはモデルアイテムプロパティの要素で整理をし、デザインエディタ上の動的ページ動的リストにデータを紐付けることで、効率よく複数ページの運用が可能です。

    詳細は、以下のヘルプページをご確認ください。

CMSコレクションとは

コレクションとは、表示するアイテムを手動でキュレーションする機能です。ただし、複数のモデルをまたいでの選択はできません。

CMSダッシュボードでのCMSコレクション

CMSコレクションの作成・管理は、CMSダッシュボードで行います。CMSダッシュボードの左パネルには、上部にモデルの一覧が並び、その下にはCMSコレクション一覧が表示されます。

コレクションのユースケース

  • 「イベント一覧」という記事モデルから任意でアイテムを選び、「おすすめイベント」というコレクションを作成し、リスト表示する。

  • 「イベント一覧」という記事モデルのアイテムを、アイテムの作成順ではなく、イベントの開催日時順にサイトで表示する。

デザインエディタでのコレクション

「オンラインイベント」のコレクションが紐付けされた動的リストは、左上にコレクション名が表示されます。



コレクションを作成する手順

コレクションで参照するモデルは1つのみです。複数のモデルをまたいでのアイテム選択はできません。

  1. CMSダッシュボードを開きます。

  2. 画面左側にある「コレクション」右横の[+]をクリックします。

  3. コレクション名を入力し、モデルを選択します。

コレクションにアイテムを追加する手順

コレクションにはアイテムを制限なく追加できますが、Webサイト上で表示可能な件数は最大50件までです。

  1. CMSダッシュボードで、画面左側のコレクション一覧から対象のコレクションを選択します。

  2. 設定画面で[+アイテムを追加]をクリックし、対象のアイテムを登録します。

    スクリーンショット:アイテムが追加されたコレクション

  3. コレクションに変更を加えると、ステータスが[変更あり]に自動的に切り替わります。 変更をWebサイトに反映するには、ステータス設定で[更新する]を選択してください。更新が完了するとステータスが[公開中]となります。

  4. デザインエディタの[公開]パネルから、サイトの[更新]を行います。

Tips:コレクション作成後に対象のモデルに新しいアイテムを追加しても、コレクションに自動で反映されることはありません。

コレクション内のアイテムを削除する手順

コレクションからアイテムを削除しても、アイテム自体は参照元となるモデル内に残ります。

  1. CMSダッシュボードで、画面左側のコレクション一覧から対象のコレクションを選択します。

  2. 設定画面でアイテムにカーソルをあて、右上に表示される[×]をクリックします。

  3. コレクションに変更を加えると、ステータスが[変更あり]に自動的に切り替わります。 変更をWebサイトに反映するには、ステータス設定で[更新する]を選択してください。更新が完了するとステータスが[公開中]となります。

  4. デザインエディタの[公開]パネルから、サイトの[更新]を行います。

コレクション内のアイテムを並べ替える

コレクションは、設定画面での並び順でページに表示されます。

  1. CMSダッシュボードで、画面左側のコレクション一覧から対象のコレクションを選択します。

  2. 設定画面でアイテムにカーソルをあて、表示されるアイコンをドラッグ&ドロップします。

  3. コレクションに変更を加えると、ステータスが[変更あり]に自動的に切り替わります。 変更をWebサイトに反映するには、ステータス設定で[更新する]を選択してください。更新が完了するとステータスが[公開中]となります。

  4. デザインエディタの[公開]パネルから、サイトの[更新]を行います。

コレクションの公開ステータスを管理する

コレクションの公開状況は、CMSアイテムと同様にステータス機能で管理します。

注意:CMSアイテムのステータスと、CMSコレクションのステータス

CMSの公開ステータスは、アイテムごと、またはコレクションごとに設定できます。

コレクション内のすべてのアイテムが公開中であっても、コレクション自体のステータスが下書きの場合は、そのコレクションはサイト上に表示されません。

コレクションで使用できるステータス

コレクションの公開状態は、公開中・変更あり・下書きの3つのステータスで管理します。

ステータス

ステータスアイコンの色

ライブプレビュー表示

サイト表示

概要

下書き

グレー

×

編集に適した状態

公開中

サイト上で公開されている状態

変更あり

△ ※ライブプレビューとサイト上で、表示内容に相違があります。

公開中のコレクションに編集を加えている状態
※編集中の内容を公開サイトに反映するには、サイトの[更新]が必要です。

コレクションのステータスを変更する手順

  1. CMSダッシュボードで、画面左側のコレクション一覧から対象のコレクションを選択します。

  2. 設定画面の右上からステータスを変更します。

コレクションを複製する

コレクションを複製すると、複製元コレクション内のアイテムが紐づいた状態で新しいコレクションが作成されます。

複製されたコレクション自体のステータスは「下書き」で、コレクション名は「XXX(Copy)」という形式で作成されます。

注意:下記に該当するユーザーは、コレクションの複製操作ができません。

  • Businessプラン以上で利用できる高度な権限制限で、CMS操作が制限されている編集者

  • ワークスペース機能の有料プランで、CMS操作が制限されているメンバーやゲスト

  • 旧プランでのライター権限者

複製手順

  1. CMSダッシュボードを開きます。

  2. 画面左側のコレクション一覧から、複製したいコレクションにカーソルを合わせて表示される3点メニューをクリックし、[複製]を選択します。


    または、複製したいコレクションを選択して、設定画面の3点メニューをクリックし、[複製]を選択します。

コレクションを削除する

一度削除すると、元に戻すことはできません。コレクションを削除しても、含まれていたアイテム自体は参照元となるモデル内に残ります。

注意:下記に該当するユーザーは、コレクションの削除ができません。

  • Businessプラン以上で利用できる高度な権限制限で、CMS操作が制限されている編集者

  • ワークスペース機能の有料プランで、CMS操作が制限されているメンバーやゲスト

  • 旧プランでのライター権限者

削除手順

  1. CMSダッシュボードを開きます。

  2. 画面左側のコレクション一覧から、削除したいコレクションにカーソルを合わせて表示される3点メニューをクリックし、[削除]を選択します。


    または、削除したいコレクションを選択して設定画面の3点メニューをクリックし、[削除]を選択します。

  3. 公開サイト上に変更を反映するには、デザインエディタの[公開]パネルからサイトの[更新]をします。

こちらの回答で解決しましたか?