こんにちは。Hanasakiです。
カタログの準備が終わったら、次はいよいよCMSページの作成です。
先日、CMS機能が実装されたばかりで、
正直なところ自分が100％理解できているか自信はありませんが、
そんな私でも、CMSを組み込んだサンプルプロジェクトを作れました。
CMSをはじめるにあたって不安な方もいるかもしれませんが、
私に出来たということは、みなさんにも出来るということです。（根拠はありません）
という訳で、さっそく行ってみましょう！
最初にCMSページの基となるページを作成します。
まず、私の作ったサンプルプロジェクト「No.3（CMS／ブログタイプ）」 を
「サンプル集」 からインポートしてください。
※ サンプル集はプロジェクトリスト（一覧画面）上部ヘッダにあります。
インポートが終わったら、そのプロジェクトのデザイン画面に入ります。
❶ ページ名をクリックしてページ管理パネルを開きます。
❷ ページ管理パネルが開いたら、CMSページ 「ブログ記事」 をゴミ箱に入れます。
（ホバーメニューから「ゴミ箱へ」でも、ページを直接ゴミ箱にドラッグでもどちらでも構いません）
すでに出来上がっているCMSページを削除することに不安を感じる方もいるかもしれませんが、
サンプルプロジェクトは何度でもインポートできますので、安心して触ってください。
覚えておきましょう！
「1つのカタログからは、1つのCMSページしか作れません」
今回は、手順の説明に使おうとしているカタログ「ブログ記事」が、今削除したCMSページにすでに使用されており、その状態ではカタログ「ブログ記事」をCMSページ化することができない（重複するので）ため、先に削除した、という訳です。
準備ができたところで、さっそくCMSページを作成していきましょう。
❸ 上の❶でやったように、もう一度ページ管理パネルを開きます。
❹ CMSページ作成ボタンをクリックします。
❺ どのカタログを使うのか聞かれますので、「ブログ記事」を選択します。
❻ 白紙のCMSページが開いたら、ヘッダ部分に注目してください。
プロジェクト名、ページ名の右に 「CMSページ名」 が表示されているのが確認できます。
このページ名は、CMSページを作成する時に選択したカタログ「ブログ記事」から生成されています。
引用された「ブログ記事」のコンテンツリストをCMS編集画面で見ると、こんな風になってます。
さらに、CMSページ名に注目してみましょう。
今開いているデザイン画面が、カタログ「ブログ記事」の中の 「錯視効果と写真撮影」というコンテンツのデザイン画面であることがわかります。そのまま、CMSページ名をクリックしてください。
選択パネルが開いて、同じカタログの中の別のコンテンツのデザイン画面に切り替えることができます。
ここまで読むと理解される方が多いと思いますが、
CMSページというのは、同じカタログ内のコンテンツを、全部まとめて一度にレイアウト・デザインするためのページです。（ここ大事なのでピンクで囲ってみました）
仕組みが理解できると、ちょっと安心しますよね。
ただし、この時点ではCMSページが準備されただけで、まったく中身のない状態です。
次は、CMS素材を呼び出す方法についてです。