カテゴリページの見せ方を指示する
トップページの次は、カテゴリページです。ブログの記事をカテゴリごとに並べて見せるページですね。
この記事では、ハナさんのブログのカテゴリページを Claude Code に直してもらった様子を紹介します。
カテゴリページは本棚のようなもの
トップページとカテゴリページでは、訪れる人の目的が少し違います。
トップページに来るのは、まだどんなブログかを知らない人です。一方、カテゴリページに来るのは、「眠れない夜に」のように、自分の気分をもう選んだ人。その気分に合う本を見比べて選びたいはずです。
そう考えると、カテゴリページは記事の一覧というより、その気分の本棚のような見せ方が合っています。
直す前のカテゴリページ
ハナさんのブログでは、「眠れない夜に」のカテゴリに本の紹介を2本足して、3本にしました。2列に並べたときの見え方を確かめるには、2本以上あったほうがいいからです。
見てみると、気になるところが3つありました。まず、カテゴリの名前があるだけで、どんな本を集めたページなのかが書かれていません。ほかの気分に移りたくても、トップに戻るしかありません。
それに、記事の並び方がトップページとまったく同じなので、カテゴリページならではの見せ方になっていませんでした。
ハナさんの頼み方
ハナさんは、この3つに、自分で思いついたパンくずリストを加えて頼みました。パンくずリストは、「トップ › 眠れない夜に」のように、いまどこにいるのかを示す道しるべです。
カテゴリのページを直したいです。
・カテゴリの名前の下に、どんな本を集めたページなのか、説明文を出してください。説明文は、管理画面のカテゴリの説明に自分で書きます。
・ほかの気分のカテゴリにも、このページから移れるようにしてください。
・記事の並びは、その気分の本棚のように、2列のカードにしてください。日付は外して、ジャンル（タグ）を目立たせ、書き出しの文は2〜3行に短くしてください。
・カテゴリのページと記事のページに、パンくずリストを入れてください。
Claude Code は、まずいまのテーマと公開中のカテゴリページを確かめてから作業を始めました。試しのページを作り、スマホとパソコンの両方の大きさで見た目を確かめたうえで、報告してくれています。
カードには、本の背表紙のような深い緑の帯がつきました。ジャンルは緑の札にして、カードのいちばん上に置いてあります。ほかの気分へ移る道は、カードを見終わったところに置いたそうです。
説明文については、管理画面で書くまでは何も出ない、と報告にありました。
説明文は管理画面で書く
カテゴリの説明文は、管理画面の「投稿 → カテゴリー」で、カテゴリごとの「説明」の欄に書きます。ハナさんは、5つのカテゴリすべてに説明を入れました。
直したあとのカテゴリページ
テーマを入れ直して開いてみると、カテゴリページはこう変わっていました。入れ直し方は、こちらの記事で紹介しています。
関連記事：できたテーマを自分のブログに反映する
上には「トップ › 眠れない夜に」のパンくずリストがあり、名前の下には説明文が出ています。本は2列のカードになり、日付の代わりに「エッセイ」「絵本」「小説」の札が並びました。
カードの下には「ほかの気分から、探す」の欄ができました。いま見ている「眠れない夜に」を除いて、記事のある気分にだけ移れるようになっています。
パンくずリストは、記事のページにも入りました。
ハナさんのブログの「眠れない夜に」のページは、こちらで実際に見ることができます。
トップページの見せ方を指示する
記事ページの見せ方を指示する
