「Open Cafe」ホームページ架空のカフェ Webサイト
| 担当範囲 | コーディング |
|---|---|
| 制作期間 | 4週間 |
| 使用ツール | HTML、CSS、jQuery、Sass、WordPress |
| 依頼者 | - |
| サイトURL | https://demosite-003.lemomo-works.com |
※デモサイトのユーザー名:lemomo、パスワード:lemomo
サイトのご紹介
学習で制作した架空カフェのホームページです。WordPressを用いたホームページで「お知らせ」や「メニュー」、「店舗詳細」、「ギフト」ページに投稿機能を利用しておりユーザーで更新可能なサイトです。instagramアカウントとの連携しており投稿された写真はホームページで表示されるようになっています。その他にもjQueryでスライドショーやハンバーガーメニューが実装されています。
実装機能のご紹介
★WordPress投稿機能
本サイトはWordPressを使用しており、お知らせやメニューをユーザー側で更新できる仕様です。
メニューはカテゴリーで分類できるようになっていて、カテゴリー毎に表示が分類される実装にしております。
★スライドショーの実装
サイトのメインとなるファーストビューにスライドショーを実装しています。写真の切り替わりにフェードとズームの効果を入れることでオシャレな雰囲気となっております。
★instagramアカウント連携
instagramのアカウントを連携させることでinstagramに投稿された写真がサイト内で表示されるようになっています。他SNSアカウントも同様に埋め込みが可能ですのでサイト内でSNSアカウントをアピールしたい場合はお気軽にご相談ください。
