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

CMSダッシュボード

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

今日アップデートされました

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


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

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

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


CMSダッシュボードを開く

CMSダッシュボードは、以下の二つの方法で開きます。

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

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

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

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

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

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


画面の基本構成

Studio CMSのコンテンツは、CMSモデル・CMSアイテム・CMSプロパティの3つの要素で構成されています。

各要素の詳しい説明は、それぞれのリンク先をご覧ください。

データの種類

概要

アイテムを束ねるグループ

単一のコンテンツデータ

アイテムに追加できる関連情報

この他に、特定のモデルから任意のアイテムを選びキュレーションをする、CMSコレクションという機能があります。


一覧画面でCMSアイテム・プロパティを編集する

CMSプロパティを追加・編集する

テーブル内のセルをダブルクリックまたはキーボード(Tabキー、Enterキー)操作でCMSプロパティを追加・編集します。

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

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

CMSアイテムののタイトル左にある[○]をクリックして、公開ステータスの変更ができます。

公開ステータスについての詳細は、CMSアイテムの公開ステータスと公開日時をご覧ください。

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

CMSアイテムの複製・削除

カーソルを乗せると表示される3点メニューから、アイテムの複製や削除ができます。

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

CMSアイテムのキーワード検索

右上の検索窓からアイテムをキーワードで検索します。

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

CMSアイテムの詳細画面でアイテムごとに編集をする

CMSアイテムの詳細画面を開き、個別に編集ができます。

編集方法についての詳細は、CMSアイテムをご覧ください。

詳細画面の表示手順

  1. アイテム行の矢印ボタンをクリックします。

  2. 表示される詳細画面で編集します。

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

一覧画面の表示を編集する

CMSプロパティの表示・非表示の切り替え

プロパティ名をクリックして、非表示にします。

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

一度非表示にしたプロパティは、右上の[+]から再度表示することができます。

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

列の幅を調整する

各プロパティの横幅のサイズ変更やドラッグ&ドロップでプロパティの順序入れ替えができ、編集しやすい並び順や幅に変更します。

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

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

記事タイプモデルは、公開日時・最終更新日の矢印アイコンまたはタイトルをクリックして、昇順・降順にダッシュボード上の表示を並び替えます。

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

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

記事タイプモデル以外のアイテムは、ホバー時に表示されるメニューをドラッグ&ドロップして並び順を入れ替えます。

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

CMSアイテムを公開ステータスで絞り込む

CMSアイテムを公開ステータス別に絞り込みます。

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

CMSアイテムをプロパティ項目で絞り込む

チェックを入れてプロパティ項目ごとに絞り込みます。

スクリーンショット:アイテムをプロパティ項目で絞り込む様子。

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