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

CMSアイテムが公開サイトで表示されません

StudioサイトでCMSコンテンツ(記事、タグ、カテゴリー、カルーセルなど)が公開サイトに表示されない場合に、原因として多い公開ステータスやサイト更新の状態を中心に、確認すべきチェック項目をまとめています。

過去一時間内にアップデートされました

デザインエディタ上やライブプレビューでは表示されているのに、公開サイトでStudio CMSのコンテンツが表示されない場合、多くはCMSアイテムの公開ステータスサイト更新が原因です。

この記事では、確認したいポイントを順番に紹介します。

Point: Studio CMSとは

Studio CMSは、Studio上でコンテンツを構造化して管理・更新できるCMS(Content Management System)機能です。 モデルやアイテム、プロパティを組み合わせて、ブログやニュースなどの更新性が高い記事コンテンツを一元管理します。

Studio CMSの仕組みや基本的な使い方は、以下の記事も参照してください。


1. CMSダッシュボードのステータス確認

公開したいCMSアイテムの公開ステータスが[公開中]になっているかを確認します。

ステータスが[下書き]・[変更あり]・[公開予約中]のアイテムは、公開サイトでは表示されません。

各CMSアイテムの公開ステータスは、以下の場所から確認します。

CMSアイテムの公開ステータスを確認する

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

  2. 画面左の[モデル]一覧で該当のモデルを選択します。

  3. アイテム一覧画面で、各アイテムの公開ステータスが[公開中](ステータスアイコン:緑色)となっているか確認します。

  4. ステータスが[公開中]以外のアイテムがあれば、ステータスを変更します。

プロパティとして参照しているモデル(参照プロパティ)の公開ステータスを確認する

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

  2. 画面左の[モデル]一覧で該当のモデルを選択します。

  3. アイテム一覧画面で、参照プロパティの公開ステータスが[公開中](ステータスアイコン:緑色)となっているか確認します。

  4. ステータスが[公開中]以外のアイテムがあれば、参照元のモデルを開き、ステータスを変更します。

CMSコレクションの公開ステータスを確認する

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

  2. 画面左の[コレクション]一覧で、該当のコレクションを選択します。

  3. コレクションの公開ステータスを確認し、[公開中]以外の場合にはステータスを変更します。


2. サイト更新の確認

Studioではサイト公開後に行ったデザイン編集や構成変更は、サイトを更新すると公開サイトに反映されます。

エディタでCMSリストの配置やデザインを編集しただけでは、更新操作を行うまで公開サイトには反映されません。

STUDIOのサイト更新ボタンを示す画像。


3. 上記で解決しない場合

上記を確認しても解決しない場合は、ネットワークの影響などでデータが正しく保存されていない可能性があります。

その場合は、CMSアイテムやコレクションのステータスを一度切り替えるなどの再設定を試します。

CMSのアイテム、プロパティ、コレクションを下書きにして再公開する

表示されないアイテムのステータスと、そのアイテムに紐づく参照プロパティのステータスを一度[下書き]に変更します。

その後、改めて公開ステータスを[公開中]に再設定します。

アイテムとプロパティを下書きに変更し再度公開する様子。

コレクションを表示している場合は、コレクション自体のステータスも一度[下書き]に変更し、その後、改めて[公開中]に再設定します。

スクリーンショット:コレクションのステータスを変更する様子。

コレクションからアイテムを削除して再追加する

コレクションを表示させている場合、対象のアイテムを一度コレクションから削除し、再度追加し直します。

コレクション内での紐付けが正しく反映されていないときに有効なケースがあります。

スクリーンショット:リストする様子。

CMSリストのモデル/コレクションの紐付けを解除して再接続する

CMSリストが表示されていない場合は、デザインエディタ上でCMSリストとモデル・コレクションの紐付けを一度解除してから再接続します。

  1. デザインエディタを開きます。

  2. 該当のCMSリストが配置されているページを開きます。

  3. 該当のCMSリスト全体を選択し、[データ]タブを開きます。

    パネルが閉じている場合は、右パネルを開いてください。​

  4. [データ]タブ右上部にある、紐付いたモデル/コレクション名横の[×]をクリックして、紐付けを解除します。

  5. [データを紐づけ]をクリックし、[CMSモデルから選択]から、同じモデル/コレクションを選択してを再接続します。


表示されない 表示が異なる

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