今日は、ブログの記事一覧ページの見た目を整える作業に挑戦しました。
１．WordPress一覧ページの問題点
これまでの一覧ページでは、
- 記事が古い順に下から並んでおり
- 本文まで表示されていたため、非常に見にくい状態でした。
２．タイトル＋日付表示の設定方法
私の理想：
一覧ページでは「タイトル」と「日付」だけを表示し、本文は個別記事ページで読む。
３．テンプレート編集の手順
CSSで見た目だけを調整しようとしましたが、
個別記事の本文まで消えてしまう問題が発生。
そのため、一覧ページ表示を直接制御するテンプレートを編集することにしました。
作業手順：
- WordPressの編集画面を開く
- ブログ一覧ページの設定画面に移動
- 記事の表示ブロックを確認
- 「投稿タイトル」と「投稿日」を残す
- 「本文」「抜粋」は削除
- 保存して結果を確認
結果、一覧ページが「タイトル＋日付だけ 」のシンプルな表示になり、個別記事ページでは本文が読める状態になりました。
４．設定前後の比較（ビフォー・アフター）
ビフォー： 本文まで表示されていた一覧ページ
アフター： タイトル＋日付のみのシンプル一覧
スクリーンショットで、違いが明確に確認できます。
５．ブログ読みやすさ向上の効果
この変更により、ブログ全体が ぐっと読みやすくなりました。
また、一覧ページの整理によって、次の記事を書くモチベーションも高まりました。
ブログ一覧ページのビフォー・アフター
ビフォー：本文まで表示されていた
アフター：タイトル＋日付だけのシンプル一覧