カフェWEBサイト（架空プロジェクト）

架空のカフェサイトをWordPressを用いて制作しました。デザインカンプに基づき、ピクセルパーフェクトでの実装を意識しながら、WordPressの基本機能を幅広く活用したサイト構築を行いました。

制作のポイント

WordPressの基本機能を網羅

• 通常投稿・カスタム投稿を活用し、管理しやすい構造を実現
• カスタムタクソノミー・カスタムフィールドで柔軟なコンテンツ管理を可能に
• Contact Form 7 を用いた問い合わせフォームを実装

視覚的な演出の実装

• Swiper.js を用いたスライドショーを実装し、動きのあるデザインを実現
• cssによるボタンのマウスホバー時のアニメーションを実装し、直感的なUIデザインを実現

開発環境の効率化

• Gulp を用いたタスク管理
• FLOCSSに基づいたCSS設計で、保守性と拡張性を意識