制作内容
架空の歯科医院
※デザインカンプより、コーディングのみ対応しています。
サイト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』マークが表示されるように実装しました！
