Point: Studio CMSとは
Studio CMSは、Studio上でコンテンツを構造化して管理・更新できるCMS(Content Management System)機能です。 モデルやアイテム、プロパティを組み合わせて、ブログやニュースなどの更新性が高い記事コンテンツを一元管理します。
Studio CMSの仕組みや基本的な使い方は、以下の記事も参照してください。
関連記事一覧は、あらかじめCMSダッシュボードで記事アイテムをカテゴリーで分類し、記事ページ内にCMSリストを配置してリスト内アイテムの表示条件を設定することで実現します。
この記事では、「記事アイテムをカテゴリーで分類する」「記事ページにCMSリストを置く」「CMSリストに条件を設定して関連記事だけを表示する」という3つのステップに分けて、手順を順番に説明します。
事前準備
この記事で紹介する手順は、CMS記事コンテンツを作成済みであることを前提としています。以下について対応済みであることを確認してください。
CMSダッシュボードで、記事タイプモデル(CMSモデル)とCMS記事アイテム(CMSアイテム)を作成します。
デザインエディタで、動的ページを使用して、1で作成したCMS記事モデルを紐付けた記事ページを作成します。
CMS記事作成から公開までの全体像は、次の記事も合わせて参照してください。
Step 1. 記事アイテムをカテゴリーで分類する
Studio CMSの記事コンテンツにカテゴリーやタグを追加するを参考に、参照プロパティを利用して記事アイテムにカテゴリーを追加します。
Step 2. 記事ページにCMSリストを置く
デザインエディタで、対象のCMS記事ページ(記事タイプのCMSモデルが紐付いた動的ページ)を開きます。
関連記事一覧を表示したい位置に、CMSリスト(動的リスト)を作成します。
CMSリストに紐づけるCMSモデルは、配置元の記事ページに紐づくモデルと同一のモデルにします。
CMSリストのレイアウトや外観を編集する際は、以下のヘルプ記事などを参考にしてください。
Step 3. CMSリストに条件を設定して関連記事だけを表示する
CMSリスト内のアイテムをフィルタリングして、元の記事ページで表示している記事アイテムと同じカテゴリーが設定された記事だけをCMSリストに表示します。
関連記事一覧として配置したCMSリスト全体を選択します。
リストアイテム単体ではなくリスト本体を選択します。
右パネルで[データ]タブを開きます。パネルが閉じている場合は、右パネルを開いてください。
タブ内、[フィルター]横の[+]をクリックしてフィルターを追加します。
プルダウンリスト内の[モデル]配下から、参照プロパティを選択します。
[フィルター条件]で[Dynamic](ダイナミックフィルター)を選択します。
[URLクエリ設定中]と表示されている場合には、鎖アイコン
([個別に値を設定する])をクリックしてから、入力フィールドで設定をしてください。リストの表示設定をします。
[同一アイテムを非表示]を有効にすると、関連記事一覧を配置している記事ページのアイテムが表示されなくなります。
各種設定の詳細は、以下のヘルプ記事を参照してください。
もっと見るボタン(Read more)
注意:Dynamic(ダイナミックフィルター)が選択できない場合
マルチセレクトでモデル参照のプロパティを作成していると、ダイナミックフィルターを設定できません。
その場合は、カテゴリー分類用の参照プロパティをシングルセレクトで新しく作り直し、各記事アイテムに再設定してください。




