DATA
-制作内容
コーポレートサイト 10ページ
トップページ
投稿ページ
カスタム投稿2ページ
お問いわせフォーム
-担当範囲
コーディング WordPress構築
-使用技術
HTML, Sass(CSS）, jQuery, WordPress
-使用Plugin
Breadcrumb NavXT, Smart Custom Fields, Contact form7,
Custom Post Type UI, WP-PageNavi
-作業時間
45時間
デモサイトはこちらhttps://pf07.sassy-make.com
※Basic認証にてアクセス制限をかけております。
User: stskn
Pass: 3104
ABOUT
figmaのデザインデータをもとに、HTML/CSSコーディング、WordPress化しました。 CSS設計手法BEM、FLOCSSを取り入れ、保守性を重視しコーディングしました。
トップページはSwiperを使用しCSSアニメーションにてZoom-inしながら画像切り替えを施しました。
お知らせページは投稿ページを使用し、トップページに最新記事表示しております。
制作実績ページ、ブログページはカスタム投稿を使用、カスタムタクスノミーにてカテゴリごとに表示を切り替えております。 制作実績ページは最新記事の画像をSwiperにてスライド表示しています。 ブログページは最新記事をカードレイアウトで表示。
投稿記事ページはそれぞれSmart Custom Fieldsを使用しカスタムフィールド、繰り返しフィールドにて構築しております。
お問い合わせページはContact form7を使用。サンクスページへの遷移機能施しています。