現場作業の合間をみて、定期的にHPにおかしなところがないか巡回しています。
するとどうしてもレイアウトのズレであったり、リンクがおかしかったりと、意図せぬ表示になってしまっているところがあります。
ご予約ページにつきましても、8月下旬に作成した翌日からご予約をいただきながらも、うまくいかなかった部分を何度も修正してきました。
ご予約ページ作成からちょうど1か月が経った現在でも、スケジュールカレンダーとGoogleマップのところが思ったようにできていなかったので修正をかけました。
しかしかし、googleカレンダーにしてもmapにしても、コード埋め込みなのでレイアウトを整えるのに一苦労です。
意図する見え方にするために、CSSを追加してレイアウト調整をかけていくわけですが、解説サイトを見ながらあーでもないこーでもないと時間と気力を削っていく作業となります。
そしてそして、PC表示とスマホ表示とで見え方がおかしくならないようにするレスポンシブ対応。
レスポンシブ対応にするとなおさら、スマホの狭い画面に合わせるように設定するとカレンダーの日付が枠からはみ出して読めないという問題が発生したり！（他にもありましたが省略）
日付が読めないのでは仕方ないので、あえて画面枠に合わせずに横へ少しはみ出す設定にしたりしました。
あとは、今まではPC画面でF12を押してスマホ画面用のレイアウトを確認していたのですが、実際に自分のスマホで見てみると見え方と違うところを発見！
「うわぁ、これは大変だぁ。」
と独り言をつぶやきながらコードをいじる地道な作業が続きます。
こうして最終的に思っていたとおりのレイアウトにできたときはホッとします。
今回は日程カレンダーを月表示から週表示に変えて、ご予約が取れない時間帯を分かりやすくなるようにしました。
あとGoogleマップが下方のご予約方法のリンクに被さっているというお恥ずかしい状況を改善しました。
これからもHPに追加していきたい内容がございますので、繁忙期が終わる冬頃に整備していきたいと思っています。
引き続きはざまFiggy Veggy Farmをご愛顧のほどよろしくお願いいたします。
