KOSHIKI BEAM

カフェ 「Open Cafe」コーポレートサイト

使用ツール HTML、CSS、jQuery、Sass
サイトURL http://koshikibeam.website/open_cafe

※デモサイトのユーザー名:cafe、パスワード:cafe

サイトの紹介

コンテンツ管理システム (CMS) に wordpressを導入しています。架空のカフェ 「Open Cafe」 Webサイトのコーディングを行いました。「お知らせ」や「メニュー」、「店舗詳細」、「ギフト」ページに投稿機能を利用しておりユーザーで更新可能なサイトです。セキュリティやSEO対策も行なっています。デイトラ内の課題の1つです。くりはらさんが作成したXDのデザインカンプを元にコーディングしています。FLOCSSを活用しています。

主な実装

  • お問い合わせフォームのコーディング
  • ホバーアニメーション
  • ドロワーメニュー
  • クリックイベントのコーディング
  • スムーススクロール
  • wordpress(php)
  • ポスト投稿タイプ
contact