ミュージックスクールサイト「架空サイト」

仕様

• XDデザインカンプのコーディング

画像をretina対応の２倍サイズと普通サイズ書き出しを行っております。

• トップページ＋下層１１ページ

Chrome拡張機能「Perfect Pixel」で品質チェックを行っております。

• PC～SPサイズのレスポンシブ対応

パソコン、タブレット、スマホの画面表示に対応しております。

スキル

• HTML/CSS

CSS設計のFLOCSSを使用しております。

• jQuery

ハンバーガーメニュー、トップへ戻る、スライダー（Slick）、アコーディオンのアニメーションを実装しております。

• WordPress

静的サイトのWordPress化を行っております。

• Sass

SCSS記法を用いてコーディングをしております。

• gulp

画像圧縮とSassのコンパイルを行っております。

主な実装プラグイン

• Contact Form 7

お問い合わせフォームに使用しております。

• Breadcrumb NavXT

パンくずリストのプラグインになります。

• Custom Post Type UI

カスタム投稿タイプのプラグインになります。卒業実績、お知らせ、ブログをそれぞれの投稿を作成致しました。

サイトurl(Basic認証)

テストサイトurl:

https://yusuke-d.com/musicschool/