スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

前後の記事

最近の記事

管理者にだけ表示を許可する

パンくずリストをFC2ブログで再現-構造編-

(全3回中1回目)

  1. 構造編
  2. パンくずリスト1解説
  3. パンくずリスト2解説

パンくずリストとは

閲覧中のページ位置を段階表示したもの。パンくずリストを適用させる事により、閲覧者はそのページより上段のカテゴリ等を直感的に知る事が出来る。例えば、「日記」というカテゴリの「はじめまして」という記事を閲覧中、

トップ>日記>はじめまして
と表示される。上記の例は3段階表示であるが、4段階、5段階表示させている場合もある。
パンくずリストをFC2ブログで実装するには、FC2変数を使用する。

実際の実現方法は次回に回すとして、ここではその構造を解説します。まず、使用する変数とその説明をします。

パンくずリスト1

パンくずリスト1は、カテゴリーエリア、検索結果、月別アーカイブ時に表示されます。以下、使用する変数。

  • <!--not_index_area-->
    トップページ以外で表示する
  • <!--not_permanent_area-->
    パーマネントエリア(blog-entry-.htmlというURL形式のページ)
  • <%sub_title>
    サブタイトルを表示。サブタイトルとは、この場合カテゴリー名、検索語句、年月を表す。カテゴリーエリアではカテゴリー名が入り、サーチエリアでは検索語句、アーカイブエリアでは年月が表示される。

パンくずリスト2

パンくずリスト2は、パーマネントエリア(blog-entry-.htmlというURL形式、つまり記事のURL)で表示する。ここでは

トップ>カテゴリ>記事名
という表示形式にする。パンくずリスト1と2で分けたのは、1はHTMLのbodyから下に、どこでも記述できるのに対し、2は<!--topentry-->~<!--/topentry-->に囲まれた部分でしか記述出来ないからである。1は<!--topentry-->に囲まれていない場所に、2は囲まれている部分に記述する。以下、使用する変数。

  • <!--permanent_area-->
    パーマネントエリア時のみ表示
  • <%topentry_category_link>
    その記事のカテゴリへのリンクを表示
  • <%topentry_category>
    その記事のカテゴリ名を表示

(全3回中1回目)

  1. 構造編
  2. パンくずリスト1解説
  3. パンくずリスト2解説

前後の記事

最近の記事

トラックバック

この記事へのトラックバックURL:
http://fc2blogshop.blog13.fc2.com/tb.php/43-38f332ac

my footprint ~目に留まったテンプレート
fc2tyle_affi作者のブログ:FC2ブログ 徹底活用ガイド FC2tyleこのテンプレートで作者のブログを見る(2005年6月20日現在は上と同じ)(sugar potプレビュー)見てくれから言えば私の好みでは全然ないのだけれど、オートナビゲーション機能、いわゆるパンくずリストを採用し
カスタマイズ2
だいぶ形になってきました。プラグイン機能追加についての詳細とカスタマイズ方法plugin 頁内参照パンくずリストをFC2ブログで再現-構造編-カレンダーと、RecentEntryを削りました。これで、いいかな?と思ったら、見た目確認しようかな。
パンくずリスト:遅まきながら設置。いとも簡単。 ・・・ 【FC2ブログカスタマイズ】
 実は最近   別に 実験的に構築している    ・創るブログ ( by Movable Type4 )    ・もうひとつの創るブログ ( by Wordpress )   に、「...

コメント

BY - AT 2011/03/12 edit this comment
このコメントは管理者の承認待ちです
BY - AT 2011/03/12 edit this comment
このコメントは管理者の承認待ちです
BY - AT 2011/03/12 edit this comment
このコメントは管理者の承認待ちです
BY - AT 2011/03/12 edit this comment
このコメントは管理者の承認待ちです
BY - AT 2011/03/14 edit this comment
このコメントは管理者の承認待ちです
BY - AT 2011/03/14 edit this comment
このコメントは管理者の承認待ちです
BY - AT 2011/03/14 edit this comment
このコメントは管理者の承認待ちです
BY - AT 2011/03/14 edit this comment
このコメントは管理者の承認待ちです
BY - AT 2011/03/14 edit this comment
このコメントは管理者の承認待ちです
管理者にだけ表示を許可する
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。