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

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

Studio CMSのアイテムをリスト表示する際の並び順は、ソート機能を活用して変更できます。公開日時を事後調整して並べ替えたり、CMSコレクションを作成して手動管理をすることも可能です。

Studio CMSをリスト表示する際、アイテムの並び順を変更したい場合には、以下3つのいずれかの方法で表示順を変更できます。

Point: CMSリストとは

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

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


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

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

すべての種類(記事タイプ、ユーザータイプ、カテゴリータイプ、カスタムタイプ)のCMSモデルで利用可能です。

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

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

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

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


方法2:公開日時を調整して並び替える

記事タイプモデルのアイテムを紐付けたCMSリストは、デフォルトで公開日時をもとに公開日が新しい順に表示されます。

公開日時は公開後に変更ができるため、公開日時を調整することで並べ替えが可能です。

注意:公開日時調整で並べ替えができるのは、記事タイプモデルのアイテムのみです。


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

CMSコレクションは、特定のモデルから選んだアイテムを手動で管理する機能です。
コレクションの設定画面で並べた順番でページに表示されます。
おすすめ記事一覧のように、任意の順番で固定して表示したい場合に適しています。

詳細な手順やCMSコレクションの概要は、CMSコレクションを参照してください。


使い分けの目安

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

方法

ユースケース

対応モデルタイプ

補足

公開日時やタイトルなど、CMSプロパティを基準に自動で並べ替えたい場合

記事タイプ / ユーザータイプ / カテゴリタイプ / カスタムタイプ

すべての種類のCMSモデルで利用できます。

公開日時を変更する

既存のCMSリストの表示順を、公開順に沿ったまま少し調整したい場合

記事タイプのみ

公開日時で並ぶ記事一覧の表示順を、日時の調整で変更します。

表示するアイテムを選択した上で、任意の順番で並べたい場合

記事タイプ / ユーザータイプ / カテゴリタイプ / カスタムタイプ

モデルをまたいでアイテムを選択することはできません。


関連記事

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