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

Studio CMSの記事アイテムをライブプレビューで確認する

Studio CMSの記事アイテムの表示を公開前に確認したい場合には、ライブプレビューを活用します。CMSダッシュボードとデザインエディタのそれぞれから、ライブプレビューを開く手順を紹介します。

Studio CMSの記事アイテムの編集内容を公開前に表示確認がしたい場合には、ライブプレビューを活用します。

Point:ライブプレビューとは
ライブプレビューは、編集内容を公開前にブラウザで確認できる機能です。カスタムコードで追加した内容は、ライブプレビューには反映されません。

URLの共有や削除の方法は、ライブプレビューを参照してください。

CMSダッシュボードから確認する

CMSダッシュボードで記事アイテムの編集中に表示を確認できます。

注意:ライブプレビューの表示には、対象の記事アイテムを表示する動的ページが必要です

CMSの記事アイテムをライブプレビューで表示するためには、対象の記事アイテムを表示する動的ページ(CMS詳細ページ)が必要です。

動的ページが未作成の場合、CMSダッシュボード上に[ライブプレビュー]ボタンがクリックできません。

CMS詳細ページの作成方法などの詳細は、以下のヘルプ記事を参照してください。

  1. CMSダッシュボードで、確認したいアイテムの詳細画面を開きます。

  2. 画面右上の[ライブプレビュー]をクリックします。

  3. ブラウザの新しいタブで、対象の記事アイテムのプレビューが開きます。

デザインエディタから確認する

デザインエディタでページの外観を調整・編集しながら表示を確認できます。

  1. デザインエディタのページパネルで、アイテムを表示する動的ページを開きます。

  2. 左パネル下部の選択メニューで、確認したい記事アイテムを選択します。

  3. 画面右上の[ライブプレビュー]アイコン画像:矢印ボタン(矢印アイコン)ボタンをクリックします。

  4. 初めて利用する場合は、[スタート]をクリックします。

  5. パネルに表示されたURLをクリックします。

関連記事

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