このサイトについて

【制作内容】

このホームページでは、Hair Salon Lien～リアン～の魅力をシンプルかつ丁寧に伝えるためにデザインしました。

すべての画像にSimple Lightboxのプラグインを適用してクリックで拡大表示を可能にし見やすさと操作性を向上させました。

アクセスページにGoogleマップを埋め込み、来店までの道順をわかりやすくしました。

先生に教えていただいた「デベロッパーツール」を使ってHTML・CSSコードを確認して、変更する方法ががとても役にたちました。実際に確認したクラス名に対して、直接書き換えるのではなく追加CSSを使用しましたが、フッターとヘッダーの背景色を白から自分の希望通りの色にカスタマイズすることができました。

【苦労した点】

制作の過程で特に苦労したのは、トップページの画像がなかなか反映されなかったことです。
画像を何度も差し替えてみましたが、表示が更新されず、原因の特定にとても時間がかかりました。
最終的にわかったのは、先生が用意してくださったURLは httpsでしたが、WordPressの一般設定にある「WordPressアドレス（URL）」が httpのままになっていたので、「WordPressアドレス（URL）」をhttpからhttpsに変更することで無事に画像が表示されるようになりました。
この問題の解決に4時間以上かかりましたが、大きな学びとなりました。
以前視聴したWordPressの動画で勉強した内容だったかもしれないと、作業を進めていくうちに後から思い出しました。

今回の制作では、スマートフォンでの表示の難しさにも苦労しました。
パソコンでは見やすくレイアウトされたページでも、スマートフォンで見ると画像や文字の配置が崩れたり、見えにくくなる部分がありました。
今の時代スマートフォンでの利用者が多い中で、どちらのレイアウトを優先すべきか悩む場面も多くありました。
今後はどの端末でも見やすく使いやすいデザインを目指していきたいと感じました。