使用スキル

HTML / Sass / WordPress / jQuery

CSS設計手法

BEM

概要

全8ページ

架空歯科医院【みなみ歯科クリニック】のホームページで、Xdで作成されたデザインのコーディングです。
WordPressのオリジナルテーマで実装しました。

仕様書に従い、主に下記を実装しました。

• トップ
　・メインビジュアルはスライダー表示
　・最新のお知らせ1件 / スタッフブログ6件を掲出

• 診療案内
　・カスタムタクソノミーで「一般診療」と「特殊診療」を出し分け
　・カスタムフィールドで中身を表示
　・ページ上部のアンカーリンクから、各項目にスムーススクロールで移動

• スタッフ紹介
　・スライダーで無限ループを実装
　・カスタムタクソノミーで「歯科衛生士」と「歯科助手」を出し分け
　・カスタムフィールドで中身を表示

• お問い合わせ / WEB予約
　・Contact Form 7を使用し、フォームを設置
　・内容を送信すると、サンクスページに遷移
　・メールが正常に送信されると、確認メールが届く