パンくずリストとは観覧者が今いる記事の階層が
ひとめで分かるようにするための物です。
8341bffb.png
この画像の赤で囲まれた部分がパンくずリストになります。

パンくずリストの設置
まずは管理画面よりテンプレートの編集を行います。

CSSの一番下に

.pankuzu {
font-size:12px; 
text-align:left; 
margin:0px 0px 10px 0px;} 
.pankuzu a:link{color:#0066ff} 
.pankuzu a:visited{color:#0066ff}

と記述。

dfc8019c.png

次にHTMLの編集を行います。
<body>内の<%introduction>以降に↓のHTMLを入力します。

<!-- パンくずリスト -->
<!--not_index_area-->
<div class="pankuzu">
<!--permanent_area-->
<!--topentry-->
<a href="<%url>" title="TOPページへ">TOP</a> > <a href="<%topentry_category_link>"><%topentry_category></a> > title - <%sub_title>
<!--/topentry-->
<!--/permanent_area-->
<!--category_area--> 
<a href="<%url>" title="TOPページへ">TOP</a> > CATEGORY - <%sub_title> 
<!--/category_area--> 
<!--search_area--> 
<a href="<%url>" title="TOPページへ">TOP</a> > SEARCH - <%sub_title> の検索結果
<form action="./" method="get"><input type="text" size="20" name="q" value="" maxlength="200" class="ipt" /> <input type="submit" value="Search" class="search" /></form> 
<!--/search_area--> 
<!--date_area--> 
<a href="<%url>" title="TOPページへ">TOP</a> > ARCHIVE - <%now_year>年<%now_month>月
<!--/date_area--> 
<!--edit_area-->
<a href="<%url>" title="TOPページへ">TOP</a> > edit - 修正画面
<!--/edit_area-->
<!--tag_area-->
<a href="<%url>" title="TOPページへ">TOP</a> > <%tag_word>
<!--/tag_area-->
</div>
<!--/not_index_area-->  
<!-- パンくずリスト ここまで-->

あとは更新ボタンを押してテンプレートの更新を行います、
適応されているか確認しておきましょう。

(こちらのHTML・CSSの記述は初心者でもできる簡単FC2ブログの作り方様より引用させて頂いております)

トラックバック先URL:http://rgrg.blog61.fc2.com/blog-entry-164.html