カテゴリ画像を設定して、記事毎にカテゴリ画像を表示する方法
大抵の場合、アクセス者は、サイトの一部分に知りたい情報があり、サイト全体をしらみつぶしに読みたいわけではない。
アクセス者が知りたい情報に手早く行き着ける方法としては、検索があるが、
・検索キーワードの選択に依存する
・どうしても関連記事において穴あき情報になりやすい
という問題も「検索」は抱えている。
このことは、Googleなどのサイトが、いくらキーワード方式が有効であっても、ディレクトリ方式を捨てないことでも明かである。
ということで、今回は、
カテゴリ画像を記事毎に表示することで、より直感的なわかりやすさをねらう。
まず、下ごしらえから。
1)適当な大きさのカテゴリ画像をカテゴリの数だけ作成する
(最大68px×68px程度であろうか)
※拡張子は揃える。(jpgとgifやpngがまざることのないように)
2)それぞれにカテゴリと同じ名前をつける
※当然のことだが、カテゴリは半角英数
3)mediaフォルダ内にcatimgというフォルダを作成して、それらの画像を入れる。
では、いよいよTemplateの編集。
4)以下を参考に、表示させたいTemplateの当該部分に必要な記述を挿入する。
※(defaultやdetailのアイテム部分がよいだろう)
・カテゴリ画像
<img src=”media/catimg/<%category%>.jpg“>
※altにカテゴリ名<%category%>を入れてもいいだろう。
・当該カテゴリ記事表示URL
”<%categorylink%>”
※別に、Plugin:NP_CatDescを入れておけば、カテゴリ説明<%CatDesc%>も使えるだろう。
[参照;カテゴリをわかりやすく・・・vol1]
[参照;カテゴリをわかりやすく・・・vol2]
コメント
これシンプルだし、素直だしいいですね。参考にさせて頂きます。
<img src=”media/catimg/<%category%>.jpg“>