WordPress #7 | カテゴリーページの画面デザイン

WordPress開発7日目。
少し日程を空けてしまったので、今日は集中的にブログのカスタムテーマの制作を進めた。引き続き、Figmaで画面デザイン。今日は日報と制作日誌の各カテゴリーごとのアーカイブページのデザインまで完了させた。共に自分が後で追いやすいようにと狙ってデザインしたのだが、思いの外、それぞれでレイアウトが変わる。

制作日誌の方は内包するカテゴリーが多岐に渡ることが予想されるので、カテゴリーごと共通したレイアウトを心がけて、個別ページへのリンクリスト主体。
Figmaで画像の一括変換や、幅の大小による可変レイアウトのやり方が分からなくてかなり苦戦してしまった。
テキスト部分もダミーを入れないのだけど、並べたインスタンスそれぞれに異なるデータをインプットする方法が分からず。
実際の仕事では使われる機能なので、このあたりも使い方を調べていく必要がありそうだ。

日報の方は月ごとに投稿をそのまま並べるレイアウトで作成。一日一日がページ分けされていても面倒だろうという事で、1ヶ月分をまとめて振り返られるようにした。一応、月と年を横断できるナビゲーションも付けるが、このデザインを年をまたいで使うとはとても思えない。
2、3ヶ月後にはReactもしくはVueでSPA化を進めているだろうし。