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

CMSダッシュボード

Studio CMSのコンテンツデータの作成や編集を行う、CMSダッシュボードの概要や操作方法を解説します。

StudioCMSの仕組みやコンテンツを公開するまでの操作概要については、以下の記事をご覧ください。


CMSダッシュボードは、CMSコンテンツを一元管理するための専用画面です。

Studioでは、CMSで管理するコンテンツをこの専用画面で作成し、デザインエディタでボックス(要素)との紐付けをして、サイト上に表示します。

この記事ではCMSダッシュボードの基本操作についてご紹介します。


CMSダッシュボードを開く

CMSダッシュボードは、プロジェクトダッシュボードまたはデザインエディタからアクセスできます。

1. プロジェクト ダッシュボードから開く

  1. プロジェクト一覧から、対象プロジェクトを選びます。

  2. プロジェクト ダッシュボード上部の [CMS] タブをクリックします。

2. デザインエディタから開く

  1. プロジェクト一覧から、対象プロジェクトを選びます。

  2. 左上のStudioアイコン[/S]をクリックし、メインメニューから [CMS] を選択します。


CMSダッシュボードの基本構成

CMSダッシュボードを開くと、画面右にCMSモデル・CMSコレクションのリストが表示されます。

画面の中央には、右のリストから選択したCMSモデルに属するCMSアイテムの一覧が表示されます。

Studio CMSを構成する要素の詳細については、それぞれ以下のヘルプ記事を参照してください。


CMSアイテム一覧画面で編集する

アイテムにプロパティを追加する

  1. テーブル内のセルをダブルクリックまたはキーボード(Tabキー、Enterキー)操作で選択します。

  2. プロパティを追加・編集します。

スクリーンショット:アイテムのプロパティを編集する様子。

アイテムの公開ステータスを変更する

各アイテムの公開ステータスを変更します。公開ステータスについての詳細は、CMSアイテムプロパティ:ステータスと公開日時を参照してください。

  1. アイテムのタイトル左にある[○]をクリックします。

  2. 公開ステータスを変更します。

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

アイテムを複製・削除する

  1. アイテムのタイトル左にカーソルを乗せます。

  2. 表示された3点メニューをクリックします。

  3. [複製]または[削除]を選択します。

スクリーンショット:アイテムを複製・削除する様子。

アイテムをキーワードで検索する

右上の検索窓からキーワードで検索します。

スクリーンショット:アイテムをキーワード検索する様子。


CMSアイテムの詳細編集画面を表示する

CMSアイテムの詳細画面では、以下のような内容をアイテムごとに編集できます。

編集方法の詳細は、CMSアイテムを参照してください。

  1. 対象のアイテムにカーソルをのせます。

  2. 表示された矢印ボタンをクリックします。

  3. CMSアイテムの詳細画面が開きます。

    スクリーンショット:アイテムの詳細画面を開く様子。

CMSアイテム一覧画面の表示を編集する

プロパティの表示・非表示を設定する

一覧画面でプロパティの表示・非表示を設定できます。

プロパティを非表示にする

プロパティ名をクリックし、[非表示にする]を選択します。

スクリーンショット:プロパティを非表示にする様子。

プロパティを再度表示する

一覧画面右上の[+]をクリックし、再度表示したいプロパティのトグルをオンにします。

スクリーンショット:非表示にしたプロパティを再表示する様子。

アイテムのプロパティ列を編集する

列の幅を調整する

  1. 幅の調整をしたいプロパティ列のプロパティ名の行にカーソルを合わせます。

  2. 列の幅の線をドラッグし、引き伸ばしたり縮めたりして幅の調整をします。

スクリーンショット:プロパティの横幅を調整する様子。

列を入れ替える

  1. 幅の調整をしたいプロパティ列のプロパティ名の行にカーソルを合わせます。

  2. ドラッグ&ドロップでプロパティの順序を入れ替えます。

スクリーンショット:プロパティの順番を並び替えるする様子。

アイテム行の表示順を変更する

記事タイプ以外のモデルやCMSコレクションは、ここで設定した表示順が初期の並び順としてページ上に反映されます。

注意:検索ページ内のCMSリストの表示順

検索ページ内のCMSリストは、公開日時順で表示されます。CMSダッシュボードの並び順は反映されません。

公開日時・最終更新日を利用して並び替える(記事タイプモデルのみ)

記事タイプモデルは、公開日時・最終更新日を利用して表示順を変更します。

  1. 公開日時、または最終更新日プロパティの矢印アイコンをクリックします。

  2. 昇順/降順を選び、ダッシュボード上の並び順を変更します。

スクリーンショット:公開日時・最終更新びでアイテムの順番を並び替える様子。

ドラッグ&ドロップで並び替える(記事タイプモデル以外)

記事タイプモデル以外のアイテムは、ドラッグ&ドロップで行を入れ替えて表示順を変更します。

  1. アイテムのタイトル左にカーソルを乗せます。

  2. 表示された3点メニューをドラッグ&ドロップしてアイテムを移動します。

スクリーンショット:記事タイプ以外のアイテムをドラッグ&ドロップで並び替える様子。

表示するアイテムを絞り込む

プロパティ項目ごとに表示アイテムの絞り込みができます。次のようなCMSプロパティを利用できます。

  • ステータス

  • 画像(画像あり/未設定)

  • 動画(動画あり/未設定)

  • PDF(PDFあり/未設定)

  • セレクト

  • マルチセレクト

  • ブール値

  • 参照

  1. 絞り込みに使用したいプロパティ名をクリックします。

  2. プロパティ項目にチェックを入れて、表示アイテムを絞り込みます。

スクリーンショット:アイテムをステータスで絞り込む様子。

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