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://pf04.sassy-make.com
※Basic認証にてアクセス制限をかけております。
User: stskn
Pass: 3104
Github https://github.com/luxeadd/daytracorporate.git
ABOUT
XDのデザインデータをもとに、HTML/CSSコーディング、WordPress化しました。 CSS設計手法BEMを取り入れ、保守性を重視しコーディングしました。
EJSを使用しHTML構築しております。
DartSassにて記述
トップページはSwiperを使用しCSSアニメーションにてZoom-inしながら画像切り替えを施します
導入事例ページはカスタム投稿を使用。
お知らせ詳細ページ、導入事例詳細ページはそれぞれSmart Custom Fieldsを使用しカスタムフィールド、繰り返しフィールドにて投稿内容編集をしやすいように構築しております。
お問い合わせページ、無料ダウンロードページはContact form7を使用。サンクスページへの遷移機能施しています。
GSAPを使用しトップページを中心にアニメーションを付与しております。
jQueryを使用せずJavaScriptのみで構成。