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

Studio CMSのアイテムを任意の順番に並べ替えてリスト表示したい

CMSリストの表示順は、ソート機能やコレクションを使って並び順を変更できます。本記事では基本となるソート機能と、用途に応じた代替方法を整理して解説します。

CMSリストは、リストに紐付くCMSモデルのタイプによって初期の並び順が異なります。必要に応じて、ソート機能やコレクションで並び順を変更します。

Point: CMSリストとは

CMSリストとは、Studio内外のデータを参照してサイト上で表示する動的リストのうち、Studio CMSの内部コンテンツデータを紐付けたリストです。

あらかじめ設定したCMSプロパティを元に、リストを動的に編集することも可能です。


方法1:CMSリストのソート機能で並べ替える

Studio CMSのプロパティを基準に表示順を変更できるソート機能を活用する方法です。
公開日時、最終更新日、タイトル、テキスト、数値を基準にソートできます。

詳細は、 CMSリスト > CMSリスト内のアイテムを並べ替える を参照してください。

  1. デザインエディタで対象のCMSリストを選択します。

  2. 右パネルで、[データ]タブを開きます。パネルが閉じている場合には、右パネルを開いてください。

  3. [ソート]設定で基準に利用するプロパティを選択し、並び順のルールを指定します。


方法2:CMSコレクションを作成して手動で並べ替える

CMSコレクションを使って任意のアイテムを選び、手動で並び順を管理する方法です。

おすすめ一覧など、特定のアイテムだけを表示したい場合に適しています。

詳細は、CMSコレクションを参照してください。

Tips:公開日時による並べ替え

記事タイプのStudio CMSモデルでは、公開日時が初期の並び順に使われます。公開日時の値を変更すると、表示順を調整できます。

この方法は手動で値を変更する必要があるため、継続的な運用ではソート機能の使用を推奨します。

公開日時の変更手順は、CMSプロパティ:ステータスと公開日時 > 公開日時を変更する を参照してください。


使い分けの目安

以下の表を参考に、並べ替え方法を選択してください。

目的・シーン

適した方法

補足

  • 新着順や更新順で並べたい

  • タイトル順や数値順で並べたい

プロパティを基準に自動で並べ替えます。アイテムが追加されても自動で反映されるため、継続的な運用に向いています。

  • 特定のアイテムだけを表示したい

  • 固定の順番で見せたい

表示対象そのものを絞り込めます。特集やおすすめ一覧など、意図した順番で見せたい場面に適しています。アイテムの追加は手動で行います。

記事タイプモデルのアイテムの表示順を一部調整したい

スポット的に順序を入れ替えたい場合など、補助的な方法として使用します。


関連記事

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