DATA
-制作内容
8ページ
・トップページ
・投稿ページ
・カスタム投稿ページ
・お問い合わせフォームページ
-担当範囲
コーディング WordPress構築
-使用技術
HTML, Sass(CSS）, jQuery, javascript, WordPress
-使用Plugin
Breadcrumb NavXT, Smart Custom Fields, Contact form7,
Custom Post Type UI, WP-PageNavi
-作業時間
45時間
デモサイトはこちらhttps://pf05.sassy-make.com
Github https://github.com/luxeadd/codeUps2.git
ABOUT
XDのデザインデータをもとに、HTML/CSSコーディング、WordPress化しました。 CSS設計手法FLOCSSを取り入れ、保守性を重視しコーディングしました。
トップページはSwiperを使用しCSSアニメーションにてZoom-inしながら画像切り替えを施します
コレクションページ、ブログページはカスタム投稿を使用。
お知らせ詳細ページ、コレクション詳細ページ、ブログ詳細ページはそれぞれSmart Custom Fieldsを使用しカスタムフィールド、繰り返しフィールドにて投稿内容編集をしやすいように構築しております。
お問い合わせページはContact form7を使用。サンクスページへの遷移機能施しています。
jQueryを使用せずJavaScriptのみで構成。