Save This PageFC2ブログにパンくずリストをつける
2007/12/13(木)ちょっと、自分のブログにもパンくずリストをつけてみたくなったので、色々試してみたけど何かおかしい。意外とてこずってしまった。パンくず自体はそんなに難しくない物だけど、必要なものは全て追加しなきゃいけないのか・・・と気付くまでに結構、時間が掛かってしまった。そんだけ、自分は馬鹿ってことか。結局、ググって参考にさせてもらったところのを利用させてもらうことにした。できないなら、最初からどっかから拝借した方が早くて、正しいってことだね。
下記をコピペして、<!--topentry-->の前に貼り付ける。
<ol class="breadcrumb">
<!--index_area-->
<!-- ▼ HOMEここから ▼ -->
<li>
<a href="<%url>" title="HOME">HOME</a>
</li>
<!-- ▲ HOMEここまで ▲ -->
<!--/index_area-->
<!--category_area-->
<!-- ▼ カテゴリーアーカイブここから ▼ -->
<li>
<a href="<%url>" title="HOME">HOME</a> >
</li>
<li>
<%sub_title>カテゴリーの一覧
</li>
<!-- ▲ カテゴリーアーカイブここまで ▲ -->
<!--/category_area-->
<!--date_area-->
<!-- ▼ 月別アーカイブここから ▼ -->
<li>
<a href="<%url>" title="HOME">HOME</a> >
</li>
<li>
<%sub_title>のエントリー
</li>
<!-- ▲ 月別アーカイブここまで ▲ -->
<!--/date_area-->
<!--search_area-->
<!-- ▼ 検索結果ここから ▼ -->
<li>
<a href="<%url>" title="HOME">HOME</a> >
</li>
<li>
検索結果：<%sub_title>
</li>
<!-- ▲ 検索結果ここまで ▲ -->
<!--/search_area-->
<!--edit_area-->
<!-- ▼ コメント編集ここから ▼ -->
<li>
<a href="<%url>" title="HOME">HOME</a> >
</li>
<li>
コメント編集
</li>
<!-- ▲ コメント編集ここまで ▲ -->
<!--/edit_area-->
<!--permanent_area--><!--topentry-->
<!-- ▼ 個別エントリーここから ▼ -->
<li>
<a href="<%url>" title="HOME">HOME</a> >
</li>
<li>
<a href="<%topentry_category_link>" title="<%topentry_category>"><%topentry_category></a> >
</li>
<li>
<%sub_title>
</li>
<!-- ▲ 個別エントリーここまで ▲ -->
<!--/topentry--><!--/permanent_area-->
</ol>
ただ、これだと縦に表示されてしまうので、CSSに以下を追加
.breadcrumb{
padding:10px;
font-weight: normal;
}
.breadcrumb li {
display:inline;
}
参考:URLFC2ブログのパンくずリスト-FC2テンプレート配布所
