ベーシック認証をかけております。
お手数ですが、以下の情報からアクセスくださいませ。
サイトURL：https://asano-pf-09.xyz/
ユーザーネーム：admin
パスワード：admin^br8Rwa$4Jb#8a0w55$x
制作概要
制作時期：2022年4月
作業内容：コーディング、WordPress化
ページ数：18ページ
サイト構成：トップ、お知らせ（一覧＋２カテゴリページ）、お知らせ詳細、当院について、診療案内、スタッフ紹介、スタッフブログ（一覧＋３カテゴリページ）、スタッフブログ詳細、お問い合わせ、お問い合わせ完了画面、WEB予約、WEB予約完了画面、404ページ
使用ツール：VScode、Gulp、XD、local by flywheel
制作期間：21日(1日8時間で計算)
備考
- お知らせは通常の投稿タイプ。
- CustomPostTypeUI（プラグイン）を使用して、カスタム投稿タイプ（診療案内、スタッフ紹介、スタッフブログ）とカスタムタクソノミーを設置。
- Advanced Custom Fields（プラグイン）を使用して、カスタムフィールド（診療案内、スタッフ紹介）を実装。
- お問い合わせフォームとWEB予約はContact Form 7 （プラグイン）を使い実装。自動返信メールも設定。
- トップとスタッフ紹介ページにswiper（プラグイン）を使ってスライダー機能を実装。
- jQueryでハンバーガーメニュー、トップに戻るボタン、スムーススクロールを実装。
- パンくずリストはbreadcrumb navxt （プラグイン）を使用。
こだわった点
- SassでCSS設計を意識しFLOCSSを使って修正・管理し易いコーディング。
- WordPress化した際にテキストの増減・画像サイズ変更があった場合でもデザインが崩れない。
- ボタンのクリック範囲などのユーザビリティ。
- font-sizeの単位はremで統一し、レスポンシブ対応。
- お問い合わせフォームでは全項目を入力しないと送信できない設定。
- Autoptimize（プラグイン）を使用しCSS、JS、画像、Google フォントなどを最適化することでサイトの応答を高速化。