架空カフェサイト

OVERVIEW

課題で作成したサイトになります。 あらかじめ用意されたAdobeXDより忠実にコーディング、Wordpress化まで行なっております。 使用スキル▼ HTML/CSS/Sass/Javascript/jQuery/PHP/Wordpress

YEAR 2022

説明▼

・TOPページのspecial lunch setはカスタムフィールドを使用し、投稿から編集可能に

・MENU、GIFT、SHOPはカスタム投稿にて作成。TOPページにカスタム投稿にて投稿した内容(GRAND MENU、ACCESS)が表示されるように作成。



使用プラグイン▼

Advanced Cutom Fields:カスタムフィールドの設置

Cutom Post Type UI:カスタム投稿タイプの設置

Contact Form 7:お問合せフォームの設置

Breadcrumb NavXT:パンくずリストの設置

SEO SIMPLE PACK:タイトルタグ、ディスクリプション等SEOの設定

Smash Balloon Social Photo Feed:Instagramの埋め込み


ポイント・苦戦したポイント▼

・cssにおいては、リボンや背景色

・ファーストビューのアニメーション

・トップページのカスタム投稿表示

・メニューページタブに合わせて表示する内容を変える


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

ID: kaku

パスワード: cafe

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

WEBSITE