ブログ記事のパンくず(カテゴリ)リスト

今回は パンくずリスト を FC2 ブログで、表示する方法です。

パンくずリストというのは、対象までの道のりを表したリストです。
ブログでは、記事のカテゴリ階層を表したリストがこれにあたります。

タグとカテゴリ

以前、タグのリストについて書きました。 タグとカテゴリの違いについて簡単に説明しておきます。

タグは言い換えるとキーワードで、ひとつの記事に複数のタグを付けることができます。

カテゴリは "脊椎動物/ 哺乳類/ 霊長類/ ヒト科" のような分類です。 記事は必ずひとつのカテゴリに属し、カテゴリを複数持つということはありません。 そのかわり、カテゴリが階層を持つことはあります。

FC2 ブログでのカテゴリ

通常、パンくずリストは、カテゴリやフォルダーのように階層化しているものを表示するので、 ループや再帰処理を使って、順に表示していきます。 しかし、 FC2 ブログのカテゴリでは階層は最大 2 段で固定となっており、 ループのような処理は行いません。

全ての記事はなんらかのカテゴリに属しています。 カテゴリを指定していない場合も 未分類 のカテゴリに入ります。
その上に親カテゴリがあります。 こちらはある場合とない場合があります。

FC2 ブログでは階層は 2 段までなので、カテゴリの階層はこの 2 つになります。
  1. 親カテゴリ (あれば)
  2. 記事のカテゴリ

パンくずリストの表示

それでは、パンくずリストの実際の書き方に移りたいと思います。
これは各記事に表示するので、<!--topentry--> <!--/topentry--> のブロック内に書きます。

リンクではなくただのカテゴリ名のリストだと次のようになります。
<!--parent_category-->
<%topentry_parent_category>
&raquo;
<!--/parent_category-->
<%topentry_category>
親カテゴリはある場合とない場合がありますので、ブロック変数を使います。 <!--parent_category--> が親カテゴリがあるかないかで切り替わるブロック変数です。
<%topentry_parent_category> が親カテゴリの単変数です。

<%topentry_category> 単変数が記事の属しているカテゴリになります。

ちなみに &raquo;>> を一文字にしたような html の特殊記号です。


これで下の例のようなリンクなしのパンくずリストとなります。
インターネット » ブログカスタマイズ

カテゴリへのリング

前節のパンくずリストをカテゴリ名がリンクになるようにしましょう。

カテゴリを指定したブログページへのリンクはカテゴリ、親カテゴリそれぞれで用意されています。
対象 カテゴリ名 リンク
親カテゴリ <%topentry_parent_category> <%topentry_parent_category_link>
記事のカテゴリ <%topentry_category> <%topentry_category_link>

各タグがリンクになるように先ほどの例を直すと次のようになります。
<!--parent_category-->
<a href="<%topentry_parent_category_link>"><%topentry_parent_category></a>
&raquo;
<!--/parent_category-->
<a href="<%topentry_category_link>"><%topentry_category></a>
関連記事
スポンサーサイト
Prev.    Category    Next 

Facebook コメント


コメント

コメントの投稿

Font & Icon
非公開コメント

このページをシェア
アクセスカウンター
アクセスランキング
[ジャンルランキング]
コンピュータ
40位
アクセスランキングを見る>>

[サブジャンルランキング]
プログラミング
4位
アクセスランキングを見る>>
カレンダー(アーカイブ)
プルダウン 降順 昇順 年別

03月 | 2017年04月 | 05月
- - - - - - 1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30 - - - - - -


はてな新着記事
はてな人気記事
ブロとも申請フォーム
プロフィール

yohshiy

Author:yohshiy
職業プログラマー。
仕事は主に C++ ですが、軽い言語マニアなので、色々使っています。

はてブ:yohshiy のブックマーク
Twitter:@yohshiy

サイト紹介
プログラミング好きのブログです。プログラミング関連の話題や公開ソフトの開発記などを雑多に書いてます。ただ、たまに英語やネット系の話になることも。