◆サイトURL
https://hotel.web-pipe.com/ishiikadan/
認証を求められた際は、
お手数ですが、以下をご入力ください
user: fly
pass: fly
◆内容
・XDを使用してのデザインカンプからのコーディング
・コーディング〜WordPress化まで担当
・トップページ+下層ページ6ページ
◆実装
・トップページのFV(ファーストビュー)はCSSアニメーションで実装。
・カスタムフィールド
・宿泊予約を押したらモーダル出現。日付選択はflatpickrを使用。
・ お知らせのタブをJavaScript(jQuery)を使用して切り替わるように設定。
・お知らせ一覧ページ、お知らせカテゴリーページ、お知らせ詳細ページ作成。
![](https://web-pipe.com/wp-content/uploads/2022/12/iMac-on-the-wooden-table-with-headphones_ishiikadan-top-1024x683.jpg)
![](https://web-pipe.com/wp-content/uploads/2022/12/iPhone-12-in-a-wooden-stand-beside-the-notepads_ishiikadan_sp-top-1024x683.jpg)
![](https://web-pipe.com/wp-content/uploads/2023/05/ishiikadan-pc-269x1024.jpg)