このサイトのブログホームの投稿リストをカスタマイズしました。
- 日付の部分が特徴的な白抜き文字になっているカード型のデザインです。
- カード全体がリンクエリアになっています。
- アイキャッチ画像にマウスホバー効果を設定してあります。
- スマホで2カラムでレイアウトされます。
- カテゴリー部分に VK Blocks Pro のカテゴリーバッジを使っています。
- カテゴリーバッジは、PC ではアイキャッチ画像の右上に、スマホではカードの右上に表示されます。
PC での表示
スマホでの表示
アーカイブページのレイアウトをこのように自由にそしてかんたんにカスタマイズできるのが X-T9 (ブロックテーマ) のいいところですね。Lightning (クラシックテーマ) でこのようなカスタマイズをするのはとても大変です。
アーカイブページも同じデザインに
投稿1件分のブロックを同期パターンにして、アーカイブページ（カテゴリー・タグ・月別）を同じデザインにしました。