みなみ歯科クリニック

みなみ歯科クリニック
URL https://minami-dental-clinic.mcode-misa.com/
Basic認証ユーザーID:demo / パスワード:demo
担当範囲コーディング
制作期間1ヶ月
使用言語 HTML, Sass, JavaScript (jQuery), PHP
デザインツールFigma
ポイント
  • point 1 ファーストビューはスライドを実装

    Swiperを使用。
    effect: "fade"で、画像をふわっと切り替えています。
    自動再生ですが、ナビゲーションボタンでの切り替えも可能です。

  • point 2 WordPressオリジナルテーマ構築

    ブログ記事、診療プラン、スタッフ紹介はWordPressの管理画面から更新できるように実装。
    プラグイン「Advance Custom Field」を使用してフィールドを増やし、管理者がどこを更新するか一目でわかるようにしています。

  • point 3 お問い合わせフォームと予約フォームを実装

    プラグインContact Form 7を使用。
    送信後に管理者とお問い合わせされた方の両方に完了メールが送信されるように設定しています。

全体イメージ