ことろぐ。
Design・Coding :Kotoyomi
制作時期・制作時間:2024年1月(約2週間)
使用スキル :HTML / CSS / PHP(WordPress)
使用ソフト :Local / VS Code
WordPressのコーディングに初めてチャレンジしたオリジナルブログサイトです。
WordPressのコーディングに関しては独学で勉強したものですが、オリジナルテーマのコーディングを通して、WordPressの構造理解を深めることができたのが、この制作における大きな学びとなりました。
趣味用のサイトのため、デザイン面は自分の好みを盛り込んだ形にしましたが、PC・スマホ、どちらの画面でも読みやすいサイトになるよう、それぞれの画面サイズに合わせて可変するレイアウトになるよう意識しました。
また、投稿ページ内のお問い合わせページへの誘導において、スマホでは記事の下にサイドバーが並ぶレイアウトになることを鑑み、PC・スマホで表示位置を変えたのがポイントです。
▼投稿ページ下部(PC)
▼投稿ページ下部(スマホ)
このサイトを制作後、表示スピードが遅いという課題が発覚し、「PageSpeed Insights」にて表示速度遅延の原因を突き止めながら、自身で可能な限り改善したことも学びのひとつとなりました。
結果、当初28程度だったスコアを50程度にすることができましたが、まだまだ改善の余地があると思うので、引き続き改善方法を調べ、対応していく予定です。