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

コメントを残す