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

CMSダッシュボードでCMS記事アイテムを作成する

Studio CMSでは、CMSダッシュボードで作成するCMS記事アイテムが、動的ページで作成するCMS記事ページの元データとして機能します。この記事では、記事アイテム(記事タイプモデルのCMSアイテム)を作成する手順を説明します。

Point: Studio CMSとは

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

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

Studio CMSの特徴と仕組み

Studio CMSでは、データの作成・管理はCMSダッシュボード、ページの作成・デザインはデザインエディタと、それぞれ別の編集画面で行います。

それぞれの設定データの紐付けを行うことで、はじめてページ上で正しく表示されます。

作業場所

主な作業

データの作成・管理

CMSモデルCMSアイテムの作成と管理 / CMSプロパティの設定 / CMSコレクションの作成

ページの作成・デザイン

動的ページ動的モーダル動的リストの作成 / ページのレイアウト・デザインの設定 / ボックス要素とプロパティの紐付け

この記事では、CMSダッシュボードでCMS記事アイテムを作成する手順を紹介します。

作成したCMS記事アイテムをWebサイト上で表示するためのCMS記事ページ(動的ページ)の作成方法は、Studio CMS記事アイテムを表示するCMS記事ページを作成するを参照してください。


CMS記事アイテムを作成する手順

手順1. 記事タイプモデルを作成する

まず記事アイテムを登録するための記事タイプモデルを作成します。

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

  2. CMSモデルを作成します。モデルタイプは記事タイプを選択します。

手順2. 記事アイテムを追加して、本文を作成する

作成した記事タイプモデル内に記事アイテムを追加し、記事本文などのコンテンツを入力します。

  1. 対象のモデル内に記事アイテムを新規追加します。

  2. 記事アイテムの詳細編集画面を開き、テキストプロパティ(本文)を作成します。

    テキストプロパティの編集方法の詳細は、 CMSプロパティ:リッチテキスト(本文)を参照してください。

注意:見出しレベルについて

CMS記事では、記事のタイトルが見出し1(h1)となるため、リッチテキスト(本文)内にh1を作成するとページ内でh1が重複します。 リッチテキスト内の見出しはh2から始めることを推奨します。

見出しレベルが重複することによるSEOへの影響については、SEO対策を参照してください。

手順3. 記事アイテムにCMSプロパティを追加する

CMSプロパティを活用すると、ページ構成やページデザインに応じて柔軟にコンテンツを管理できます。

活用例や設定方法は、以下のヘルプ記事コレクションを参照してください。

  1. アイテム一覧画面で[+]をクリックして、プロパティの種類を選びます。

  2. プロパティのラベルを編集し、追加をクリックします。

  3. 各アイテムごとにプロパティの値を設定します。

    CMSダッシュボードにて、CMSプロパティをアイテムに追加する様子。

    アイテムの詳細編集画面でも、同様にプロパティを追加できます。

    スクリーンショット:テキストプロパティを追加する様子。

手順4. 公開ステータスを設定する

Studio CMSでは、CMSアイテム自体の公開管理機能を備えています。

ステータスのプロパティが「公開中」のアイテムのみが、公開サイト上で表示されます。公開日時を未来の日付に設定し、公開予約をすることもできます。

手順などの詳細は、CMSプロパティ:ステータスと公開日時を参照してください。


CMS記事アイテムをサイト上に表示する

CMSダッシュボードで作成した記事アイテムは、デザインエディタでCMSプロパティをボックス要素に紐付けるまでは、サイト上に表示されません。
記事アイテムのタイトルや本文などを表示するCMS記事ページ(動的ページ)の作成方法は、Studio CMS記事アイテムを表示するCMS記事ページを作成するを参照してください。

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