歯科医院

制作内容 架空の歯科医院 　※デザインカンプより、コーディングのみ対応しています。 サイトURL https://www.daytra-dentist.wizard2blog.com/ ※Basic認証をかけております。 　お手数をおかけしますが、下記ID/パスワードをご入力ください。 　　　ユーザー名 : wwww 　　　パスワード : wwww11!! 制作概要 制作時期：2023年6月 制作時間：総計約228時間 ページ数：12ページ 使用ツール：VScode・Adobe XD 使用スキル HTML CSS、Scss JavaScript/jQuery レスポンシブ対応(最小幅320pxまで対応) WordPress gulp 実装内容・工夫した点 🔹css css設計ではFLOCSSを採用しており、コードの読みやすさ、保守性、再利用性を高めたコーディングとなっています。 フロントページのスタッフブログや診療案内ページの最上部のアイテム個数が増減しても崩れないような設計になっています。 カテゴリーの文字数が変動しても対応できるように作成しました！ 🔹WordPress お問合せ、予約フォームでは自動返信メールの設定を行っております。 診療案内、スタッフ紹介ではカスタム投稿タイプで作成しており、一部カスタムフィールドを作成し、クライアント様でも変更しやすいように実装しました。画像は指定したアイキャッチ画像が表示されるようになってます ブログ記事は投稿日が3日以内のものは『NEW』マークが表示されるように実装しました！