前回の記事で、商品管理というコンテンツタイプを作りました。次は登録した商品管理のテンプレートを作ってみたいと思います。 ## 必要なテンプレートを用意するまずは、コンテンツデータをどこに出力するかを決めます。一覧・詳細画面を作ってみます。 - インデックステンプレート - コンテンツタイプアーカイブリストテンプレート - コンテンツタイプアーカイブテンプレート従来のテンプレートでは、記事アーカイブや記事アーカイブリストなどブログ記事の出力などを設定できるがアーカイブテンプレートの主体でした。ブログとしても引き続き利用できますが、Movable Type 7のコンテンツデータ主体のサイト設計の場合はコンテンツタイプアーカイブ系テンプレートで構築していきます。今回の例では、商品一覧と商品詳細ページの作成を行います。 ## 商品一覧ページ：インデックステンプレートの作成 ![インデックステンプレート追加](https://staging.movabletype-knowledge.tech/assets/2021/images/contentstype08.png) 従来のように単一ページの出力をするテンプレートになります。用途は様々ですが、主にトップページなどに使用することが一般的です。 Movable Type 7では、赤枠のセレクトボックスからテンプレートを追加する形にUIが変わりました。従来のテンプレートの管理では、各テンプレートごとのセクションで追加するようなUIでした。 - コンテンツタイプ：商品情報を3件出力 - コンテンツフィールド：商品タイトル - コンテンツフィールド：商品画像 - コンテンツフィールド：商品詳細ページへのリンク `mt:Contents` の `content_type` で出力したいコンテンツデータを指定します。 limitで出力件数を指定します。sort_orderで並べる順序を昇順にしています。 `〜` と `〜` で `mt:Contents` ループの最初と最後を出力を指定してあげます。コンテンタイプで指定したフィールドを指定するには、 `mt:ContentField` というブロックタグで任意で指定したフィールドラベルを `content_field` に入れて `` 出力することができます。画像の出力は、従来カスタムフィールドなどと同様に `mt:AssetURL` で取り出します。 1点カスタムフィールドの画像と違い、ブロックタグは `mt:ContentField` で括ります。詳細へのリンクは、 `` で出力することができます。従来の `` のコンテンツタイプ版になります。 ### MTMLコード ``` html

商品リスト

``` ### 出力イメージ ![出力イメージ](https://staging.movabletype-knowledge.tech/assets/2021/images/contentstype11.png) ## 商品詳細ページ：インデックステンプレートの作成 ![コンテンツタイプアーカイブテンプレート追加](https://staging.movabletype-knowledge.tech/assets/2021/images/contentstype09.png) 商品詳細ページは、新たに設置されたコンテンツタイプテンプレートから作成します。コンテンツタイプテンプレートでは、作成したコンテンツデータを選択できる項目があります。コンテンツタイプはサイト内に複数作成することができるため、コード側でコンテンツタイプ定義などせずに、従来の記事詳細と同じような感覚でテンプレートを書くことが可能です。 - コンテンツタイプを選択 - コンテンツフィールド：商品タイトル - コンテンツフィールド：商品説明 - コンテンツフィールド：商品画像 ![コンテンツタイプアーカイブテンプレート保存](https://staging.movabletype-knowledge.tech/assets/2021/images/contentstype10.png) コンテンタイプ保存後は、出力先となるアーカイブマッピングの設定を行います。今回は設定しませんが、コンテンツタイプにはカテゴリフィールドを設定することができます。 ### MTMLコード ``` html

商品詳細

``` ### 出力イメージ ![出力イメージ](https://staging.movabletype-knowledge.tech/assets/2021/images/contentstype12.png) 今回の例は、商品一覧と商品詳細ページの作成までの流れを解説しました。従来のMT6までの「ブログ」と違いとしては、名前が変わったこともそうですが「ブログ」という枠でコンテンツを管理するのではなく、目的に応じたデータを複数作れること・それぞれのテンプレートを用意することが可能になります。

Logs

コンテンツタイプ用のテンプレートを作る