概要

Codageのコーディング課題である飲食店のホームページを想定したサイトのデザインカンプをもとにコーディングし、WordPressでオリジナルテーマとして制作しました。

工夫した点

メニュー（お品書き）は、Advanced Custom Fields（ACF）を用いてWordPress管理画面から更新しやすい構成にしています。

当初は「メインメニュー」と「おすすめメニュー」で投稿タイプを分けることを検討しましたが、管理画面上で更新箇所が分散し運用負荷が高くなると考えました。そのため、両者を同一の投稿タイプで管理し、「メイン」「おすすめ」の選択に応じてACFの条件分岐機能を利用し、必要な入力項目のみを表示する設計としています。

これにより、管理者が迷わず更新できるだけでなく、入力ミスの防止や運用性の向上を実現しています。

実装内容

・メニュー（お品書き）、お知らせ投稿機能
・予約機能（Booking Package）
・レスポンシブ対応

使用言語

HTML / CSS / JavaScript

使用ツール

VSCode / WordPress