管理・サイト関連
管理画面(管理人専用です)
リンク
プロフィール

asrite

書いてる人 : asrite
やあ(´・ω・`)
ようこそ、あすらブログへ。
この日記はサービスだから、まずは読んで落ち着いて欲しい。
ブログ足跡機能があるので、気まぐれに足跡を返します。


▼押してくれると嬉しいです。
人気blogランキング

カテゴリ
月別アーカイブ
10月(1)  07月(1)  06月(1)  03月(2)  02月(1)  01月(1)  12月(1)  11月(1)  09月(2)  08月(1)  05月(2)  04月(1)  03月(2)  02月(3)  01月(2)  11月(1)  10月(2)  09月(3)  07月(4)  06月(4)  05月(4)  04月(2)  03月(2)  02月(1)  12月(3)  11月(1)  10月(3)  09月(6)  08月(2)  07月(2)  06月(1)  05月(3)  04月(1)  03月(2)  02月(3)  01月(10)  12月(1)  11月(4)  10月(1)  09月(3)  08月(6)  07月(4)  06月(7)  05月(4)  04月(4)  03月(3)  02月(4)  01月(5)  12月(1)  11月(3)  10月(5)  09月(5)  08月(4)  07月(3)  06月(3)  05月(3)  04月(4)  03月(2)  02月(4)  01月(8)  12月(8)  11月(1)  10月(3)  09月(2)  08月(4)  07月(4)  06月(1)  05月(2)  04月(2)  03月(6)  02月(5)  01月(1)  12月(3)  11月(4)  10月(6)  09月(6)  08月(7)  07月(5)  06月(5)  05月(7)  04月(13)  03月(6)  02月(7)  01月(5)  12月(13)  11月(19)  10月(12)  09月(28)  08月(27)  07月(22)  06月(22)  05月(28)  04月(26)  03月(35)  02月(20)  01月(22)  12月(25)  11月(23)  10月(20)  09月(20)  08月(15)  07月(15)  06月(15)  05月(13)  04月(15)  03月(15)  02月(5)  01月(12)  12月(5)  11月(7)  10月(10)  09月(11)  08月(13)  01月(2) 
FC2ブログでパンくずリンクを作成する方法を解説します。

パンくずリンクって?


09_03_25_pan2.png
▲こんなの

ページの上側に、現在地の階層を示すリンクみたいなのがありますよね。
アレです。
現在地を示すとともに、上位階層へのリンクもしてあるので
ユーザーの使いやすさ、を考えた場合、あると結構便利なアイテムです。

【パンくず】といわれるゆえんや、細かい解説についてはググってください。

※追記※
パンくずリンクではなく、「パンくずリスト」だったかもしれません。
※追記ここまで※

ソース


FC2ブログの【テンプレートの設定】の上部のボックスに、
以下のソースをコピペするだけで完了です。

挿入する箇所は、<!--topentry-->の直前か、
<%blog_name> または <%introduction> の少し後くらいが良い。

※追記※
 プラグインの「フリーエリア」を作り、そこに挿入するのも一つの案。
※追記ここまで※

表示結果の例
09_03_25_pan1.png

<!-- 【パンくずリスト】 -->
<div id="pan" style="background:#eee;border:1px solid #ccc;padding:3px">
<!--index_area-->
Home
<!--/index_area-->

<!--not_index_area-->
<a href = "<&url>">Home</a>
<!--permanent_area--><!--topentry-->
> <a href="<%topentry_category_link>">
<%topentry_category></a>
<!--/topentry--><!--/permanent_area-->

<!--date_area--> > 月・日別記事<!--/date_area-->
<!--search_area--> > 検索結果<!--/search_area-->
<!--tag_area--> > タグ<!--/tag_area-->
> <%sub_title>
<!--/not_index_area-->
</div>
<!-- 【パンくずリスト ここまで】 -->

デザインは各自で自由に変更してお使いください。

ちなみに、これ、シンプルにまとまっている反面、少し「ん?」なところがあります。
日付一覧の表示結果ですが、
「20090325」のように年・月・日がつながって表示されてしまうんです。
「2009年03月25日」のように表示させることは出来ません。

出来なくは無いのですが、ソースが肥大化するだけなのでやらない。

@-@-@-@-@-@-@-@-@-@-@-@-@-@-@-@-@-@-@

- また追記 -

いくつかググってみたのですが、冗長すぎるコードばっかりでうんざりした
私の作った奴よりも短いソースはないのんかw

----- -----

- 追記は続くよ -

http://fc2blogshop.blog13.fc2.com/blog-entry-69.html
▲短いソース発見。

ソースは確かに短いが、これ・・・パンくずリストとして機能しないと思う。
ただし解説は分かりやすいので、自分でソースを作りたいなら目を通しておくといいかも。

----- -----

- 追記は終わらない -
今回のソースは、
<!--topentry--> ~ <!--/topentry-->の外側に記述してください。

内側に記述したい場合は、今回載せたソースから
2箇所の topenrtry を削除すると、たぶん問題ないと思います。
関連記事


《カテゴリ》 tips | 《更新日》 2009/03/25 [水]
《タグ》 TipsFC2ブログブログカスタマイズパンくずリンク
コメント情報・編集
コメントの投稿










(送信ボタンを押すと、即座にコメントが投稿されます)

トラックバック

※お手数ですが、"http"という単語を含まぬようお願いします。
Page top
ブログ内検索
カレンダー
09 | 2017/10 | 11
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 31 - - - -
最近のコメント
FC2カウンター
RSS
アクセス解析など

この人とブログ友達になる

スポンサーリンク