WordPress 歯科クリニックHP

サイトURL

https://demo04.ms-lab375.info/

●ベーシック認証
　ID: oden
　Pass:  oden

GitHub

ソースコードがご確認いただけます。

https://github.com/Miki0753/dental-clinic_portfolio

実装概要

• 架空の歯科クリニックホームページです。
• XDのデザインカンプよりコーディングし、WordPress構築まで行っています。
• BEMで記述し、CSS設計にて保守管理性まで考慮しています。
• GitHubでバージョン管理を行っています。

制作時間

112時間

実装内容詳細

●静的コーディング

※jQueryはSwiper以外ライブラリを使用していません。

・スライダー2種類(Swiper使用)

・スマホ時のみ電話番号をクリックで送信可能

・スマホ時のドロワーメニュー(jQuery)

・アコーディオン(jQuery/文字のアニメーションはCSS)

・メイン画面を過ぎると色が反転するヘッダー(jQuery)

・フローティングボタン(jQuery/出たり引っ込んだりのアニメーションはCSS)

・フォームのバリテーション(Googleフォーム使用/jQuery)

・Google Map埋め込み

●WordPress

・お知らせは一般の投稿から

・スタッフブログはカスタム投稿タイプにて投稿

・それぞれカテゴリーとタームで表示可能

・投稿後３日以内の記事にはNEWのバッジを付与

・診療案内とスタッフ紹介はカスタムフィールドにて入力可能

・お問い合わせフォームの設置