Links
概要
架空の京都レストランサイトを、これまで Next.js で制作してきましたが、本プロジェクトでは同一テーマを WordPress（Twenty Twenty-One）の子テーマ として再構築しました。
制作の目的
Advanced Custom Fieldsを用いて、メニュー項目を作成し、表示することを本プロジェクトの目標としました。
ブロックテーマでもできるとは思うのですが、PHPで書いた方が簡単なので、あえてTwenty Twenty Oneの子テーマにしました。
画面構成
シンプルな構成とし、必要最低限のページ遷移に絞りました。
- menu-list
- about
menu-listについてはカテゴリとしてseasonal, lunch, dinnerがあり、個々のメニューはAdvanced Custom Fieldsで入力し、カテゴリを付与しました。メニュー数が多くないので、今回は全てのメニューを表示しました。
Aboutについてもサイトエディターを用いずに直接、page-about.phpを作成しました。
制作を通して得たこと
本制作を通して、ACFを用いたデータ設計と、クラシックテーマにおけるPHPテンプレート構成への理解を深めることができました。
スクリーンショット
