Point: Studio CMSとは
Studio CMSは、Studio上でコンテンツを構造化して管理・更新できるCMS(Content Management System)機能です。 モデルやアイテム、プロパティを組み合わせて、ブログやニュースなどの更新性が高い記事コンテンツを一元管理します。
Studio CMSの仕組みや基本的な使い方は、以下の記事も参照してください。
この記事では、Studio CMSで作成したCMS記事ページへの動線を設定する方法を説明します。
ホームページ(トップページ)などにCMS記事ページ一覧をCMSリストで配置し、記事ページへのリンクを設定して、ユーザーがサイト内をスムーズに移動できるような構成を作成します。
CMS記事ページが未作成の場合には、以下のヘルプ記事を参照してください。
CMS記事ページが作成されていない場合、この記事の手順を進めることはできません。
手順1:CMS記事ページ一覧をCMSリストで作成する
CMSリストを使って、記事アイテムの一覧を表示するボックスを作成します。
一例として、ホームページ(トップページ)に配置する手順を紹介します。
手順2:CMS記事ページへのリンクを設定する
CMSリスト内のボックスにリンクを設定して、CMS記事ページ(動的ページ)へ遷移できるようにします。
デザインエディタで、対象のページを開きます。
CMSリスト内のアイテムを選択します。
レイヤーパネルから選択する場合に対象のCMSリストのレイヤーが閉じているときは、[>]をクリックしてトグルを開いてください。
先頭に水色のリストアイテム番号
が表示されたレイヤー内の要素(アイテム全体、または記事タイトルやサムネイル画像、ボタンなど、クリックさせたいボックス)を選択します。右パネルで[設定]タブを開きます。パネルが閉じている場合は、右パネルを開いてください。
[リンク]設定欄をクリックし、サイト内のリンク先リストから、CMSリストと同じCMSモデルが紐付いた動的ページを選択します。
※リンクの末尾が
:slugではない動的ぺージを選びます。リンクの設定欄に、設定したパスに続けて青文字の
Slugが表示されていれば、正しく設定されています。リスト内の1アイテムにリンクを設定すると、同じボックス構造を持つ他のアイテムにも自動で同じリンク設定が反映されます。
手順3:リンク設定とページ遷移を確認する
設定したリンクでCMS記事ページに正しく遷移できるかを確認します。
ライブプレビューを開き、記事タイトルやサムネイルなどリンクを設定したボックスをクリックし、CMS記事ページへ遷移できるかを確認します。
遷移先のCMS記事ページで、タイトルや本文、その他のCMSプロパティが正しく表示されているかを確認します。
よくある問題:リンク先ページが表示されない場合
リンクをクリックしてもページが表示されない場合、次の点を確認します。
リンク先として設定した記事モデルのCMS記事ページ(動的ページ)が存在しているかどうかを確認してください。
ページが作成されていない場合、リンク先のページは表示されません。
未作成の場合には、Studio CMS記事アイテムの本文を表示するCMS記事ページを作成する を参照して、CMS記事ページを作成します。CMSリストに紐付いているCMSモデルと、CMS記事ページに紐付いている記事モデルが同じCMSモデルかどうかを確認します。
CMS記事ページに紐付いたCMSアイテムの公開ステータスが[公開中]になっているか確認します。




