これは Craft CMS Advent Calendar 2018 20日目の記事です。
連載「サンプル制作で覚える Craft 3 サイト構築の基本」として、ここから2回に分けてセクション詳細ページのテンプレート作成を行います。

「ニュース」セクションと同様に、公式デモサイト Happy Lager のフロントページを見ながら画面ごとの構成とテンプレートで必要な処理について確認しておきます。

なお、公式デモサイトをローカル環境に用意する場合は「Craft 3 のデモコンテンツをインストールしてみよう」を参考にしてください。

これは Craft CMS Advent Calendar 2018 19日目の記事です。
連載「サンプル制作で覚える Craft 3 サイト構築の基本」として、エントリデータのインポート編と同様に Feed Me プラグインによるエントリのインポートを行います。

ここでは、次の作業を行います。

1. アセットの登録
2. JSON データの準備
3. フィードの設定、および、インポートの実行

インポート用の JSON データは「素材データ専用リポジトリ vol-13 ブランチ」にコミットしてあります。

なお、セクションタイプが シングル のものは Feed Me プラグインでインポートできないため、公式デモサイトのデータを参考に別途入力してください。

これは Craft CMS Advent Calendar 2018 18日目の記事です。
連載「サンプル制作で覚える Craft 3 サイト構築の基本」として、前回一括登録したセクションに必要なフィールドを作成し、エントリ編集画面に反映していきます。

ここでは、次の作業を行います。

1. プラグインのインストール
2. JSON データの準備
3. インポートの実行
4. フィールドレイアウトの調整

インポート用の JSON データは「素材データ専用リポジトリ vol-12 ブランチ」にコミットしてあります。

これは MTAppjQuery Advent Calendar 2018 16日目の記事です。
うっかり1日遅れました。。。

管理画面のヘッダー付近に固定メッセージを表示させ、開発環境を操作中だと直感的に判別できるよう user.js を定義してみます。

開発環境で調整したテンプレートを本番環境に反映するため画面を行き来している際、どの環境を操作しているのか混乱して不安になる。そんな自分のためのカスタマイズです w

これは Craft CMS Advent Calendar 2018 16日目の記事です。
連載「サンプル制作で覚える Craft 3 サイト構築の基本」として、作成済みの「ニュース」セクションを除くすべてのセクションを一括登録してみます。

ここでは、次の作業を行います。

1. プラグインのインストール
2. JSON データの準備
3. インポートの実行

インポート用の JSON データは「素材データ専用リポジトリ vol-11 ブランチ」にコミットしてあります。

これは Craft CMS Advent Calendar 2018 15日目の記事です。
連載「サンプル制作で覚える Craft 3 サイト構築の基本」の一環として、「ニュース」セクション一覧ページのテンプレートにページ分割機能を追加します。

ここでは、次の作業を行います。

1. Craft 3 でのページ分割方法を確認
2. 「ニュース」セクション一覧ページのテンプレート調整

工程ごとの差分データは「素材データ専用リポジトリ vol-10 ブランチ」にコミットしてあります。

これは Craft CMS Advent Calendar 2018 14日目の記事です。
連載「サンプル制作で覚える Craft 3 サイト構築の基本」の「ニュース」セクションの作成ということで、一覧ページのテンプレートを作成します。

ここでは、次の作業を行います。

1. コーディングデータの流用
2. 「固定表示フラグ」が ON の最新エントリを出力
3. 「ニュース」セクションのエントリ一覧を出力
4. 重複するエントリの除外

工程ごとの差分データは「素材データ専用リポジトリ vol-9 ブランチ」にコミットしてあります。

これは Craft CMS Advent Calendar 2018 13日目の記事です。
連載「サンプル制作で覚える Craft 3 サイト構築の基本」の「ニュース」セクションの作成ということで、詳細ページのテンプレートを作成します。

ここでは、次の作業を行います。

1. 対象テンプレートの確認
2. 「画像の変形」を設定
3. レイアウトテンプレートの微調整
4. main ブロックの出力
5. 行列フィールドの出力
6. 表示の確認

なお、「準備編」の 詳細ページの画面構成 で確認したフィールドを出力する想定ですので、あらかじめ目を通しておくと流れをイメージしやすいと思います。また、工程ごとの差分データは「素材データ専用リポジトリ vol-8 ブランチ」にコミットしてあります。

これは Craft CMS Advent Calendar 2018 12日目の記事です。
連載「サンプル制作で覚える Craft 3 サイト構築の基本」の一環として、サイト共通のベーステンプレートを作成します。

ここでは、次の作業を行います。

1. 空テンプレートファイルの作成
2. レイアウトテンプレートの作成
3. テンプレートの継承
4. ブロックの定義
5. ブロックの上書き
6. セグメントを利用した分岐処理

テンプレートのカスタマイズにあたり、公式ドキュメントの「フロントエンド開発」にひと通り目を通してください。あわせて、「素材データ専用リポジトリ vol-7 ブランチ」に工程ごとの差分データをコミットしてありますので、参考にしてください。

これは Craft CMS Advent Calendar 2018 11日目の記事です。
連載「サンプル制作で覚える Craft 3 サイト構築の基本」として「ニュース」セクションに関する設定ができましたので、エントリデータをインポートしてみます。

ここでは、次の作業を行います。

1. プラグインのインストール
2. JSON データの準備
3. プラグインの設定
4. インポートの実行
5. 「リンク」入力タイプのインポート