ロゴの画像

WORKS

OpenCafe – dish & coffee –

課題制作

カフェのコーポレートサイトを想定し、WordPressのオリジナルテーマとして制作しました。デザインカンプをもとにコーディングを行い、写真の魅力が伝わるレイアウトを意識しています。メニューやお知らせはカスタム投稿タイプとACFを用いて管理画面から更新できる設計とし、見た目の再現だけでなく運用しやすい構造を意識しました。

サイトを見る →

Basic認証

ID:demo PW:demo

制作期間
1ヶ月
担当範囲
コーディング
使用技術
WordPress, CSS (Sass), JavaScript (jQuery)

POINT 実装のポイント

01

静的HTMLからのテーマ化

デザインカンプを元に静的HTMLで構築後、WordPressオリジナルテーマへ移行しました。 テンプレート階層を意識し、front-page.php / single-works.php など用途ごとに分離しています。header・footer・パーツを分割し、再利用性を意識した構造にしています。

02

カスタム投稿タイプ+ACF設計

店舗メニューをカスタム投稿タイプで管理し、 価格をACFで入力できるように設計しました。 管理画面から簡単にメニュー追加・更新ができる構造にしています。管理画面側の運用性も意識しています。

03

functions.phpカスタマイズ

functions.phpにてスクリプト・スタイルの読み込みを一元管理し、 wp_enqueue_script / wp_enqueue_style を用いてSwiperとの依存関係を整理しています。 また、filemtimeを利用してキャッシュ対策を行い、更新内容が即時反映される設計にしました。 さらに、トップページ以外でのみsub.jsを読み込むよう条件分岐を行い、不要な読み込みを抑えています。

制作実績一覧を見る