Open Cafe
- URL
- https://cafe.too-code.com/
- サイト概要
- 店舗の魅力やメニュー情報、アクセス情報を掲載したカフェサイトです。お店の雰囲気が伝わるデザインと、必要な情報を見つけやすい構成を意識して制作しました。
- 担当範囲
- コーディング / WordPress / アニメーション実装
- 使用技術
- HTML / CSS（Sass） / JavaScript （Swiper.js） / WordPress（オリジナルテーマ , ACF） / PHP / Figma
- 実装内容
-
・TOP＋下層9ページ
・Contact Form7でバリデーション付きお問い合わせフォームを実装
・カスタム投稿タイプの実装
・ACFを用いたカスタムフィールドの設定・出力
・ハンバーガーメニュー
・アコーディオンメニュー
・スライダー実装
・ホバーアニメーション
・ページネーション実装
・Instagram投稿の埋め込み表示（プラグイン使用） - 工夫した点
-
①更新しやすい管理構成
運用後の更新を見据え、変更が発生しやすい店舗情報・メニュー・EC掲載用の商品情報は、CPTUIとACFを用いて管理しやすい構成にしました。管理画面から情報を更新できるようにすることで、運用者が扱いやすく、保守性の高いサイトになるよう工夫しています。
②SNS運用との連動
Instagramの投稿をプラグインで表示できるように実装し、SNSで発信している最新情報やお店の雰囲気がサイト上でも伝わるようにしました。サイト更新だけでなく、日々のSNS運用とも連動しやすい構成にしています。 - 制作期間
- 約1ヶ月
- 値段
- ￥80,000（税抜）
