架空海鮮料亭サイト「海鮮料理｜仙山」

動き等▼

・AOS.jsでふわっと表示

・ローディング画面

・マウスストーカー

・ファーストビューは時間経過とともに画面が移り変わるアニメーション

・宿泊予約を押したらモーダル出現

・モーダル画面でflatpickrを使用して日付選択可能に

・お知らせのタブクリックで表示内容を変える

・スクロールしたらheaderが変化するように

・スマホ時ハンバーガーメニューはヘッダーとクリックに合わせて色が変わる

説明▼

・TOPページの「秋冬限定料理」、「お知らせの営業情報」はACFを使用して管理画面から更新できるようにしています。

・ブログページは投稿内容が表示されるページ(home.php)として作成し、トップページの「お知らせのブログ」の左にピックアップ記事、右に最新の記事が表示されるようにしています。

・メニューページはカスタム投稿で作成し、管理画面からメニュー記事を追加できるようにしています。

コンセプト▼

「和風のサイトで、20〜30代の若者向けとして豊富なメニューに加えデカ盛りの海鮮料理を提供する海鮮料亭」をイメージし、和風の画像、海鮮らしさを表す青色、若者向けで活気のある黄色を使うことで、再現しております。

リンク先にて下記の入力をお願いします。

ID: demo

パスワード: demo

ページ右下の『WEBSITE』ボタンからリンク先に行けます。