MS Access Tips/Sample and VBA and Blog customize etc...

FC2ブログ用パンくずリスト 親子カテゴリ完全対応版

カスタマイズについてのブログを見ていたら、下記の記事が目に入ってきました。

FC2ブログ用パンくずリスト Ver.2 (親子カテゴリ対応版)
子カテゴリのページには 親カテゴリ > 子カテゴリ という表示をしたかったのですが、残念ながら変数の仕組み的に実現できませんでした。変数が追加されたり、仕様が変わったりしたら実装できるかもしれません。

自分のところでは、パンくずリストとはちょっと違うのですが、ページナビゲーションをヘッダーに置いているのですが、同じ問題に遭遇して、JavaScript を使って無理矢理解決したので、それを利用して、子カテゴリのページで 親カテゴリ > 子カテゴリ という表示 に対応したパンくずリストを作ってみました。

難易度:

仕様

個別記事
トップページ > カテゴリ > 記事名
親カテゴリがある場合
トップページ > 親カテゴリ > 子カテゴリ > 記事名

カテゴリページ
トップページ >カテゴリ
親カテゴリがある場合
トップページ > 親カテゴリ > 子カテゴリ

タグページでの表示
トップページ > タグ: タグ名

カレンダーページ
月別表示
トップページ > yyyy年mm月
日別
トップページ > yyyy年mm月 dd日

検索結果ページ
トップページ > 検索結果: 検索ワード

マークの項目が JavaScript を使って表示してますので、JavaScript がオフのときは、一つ上の行の表示になります。

カテゴリページの親子表示に対応した以外に、カレンダーページで日別表示での 年月 > 日 表示を実装しました。

ソース

これをコピーしてテンプレートのHTMLの表示したい場所に貼り付けてください。

■追加説明■(2009/05/04)

共有プラグイン に登録されました。プラグインとしてそのまま表示してもいいですが、記事タイトルの直前辺りに配置するのがお勧めです。

FC2ブログの管理画面で[環境設定]-[テンプレートの編集]-[HTML編集]で、<!--topentry-->を探して、その直前に上記のコードをコピーして貼り付けます。

テンプレートによっては、プラグインカテゴリ3 がページ上部に配置されているものがありますが、そのようなテンプレートをご利用の場合は、パンくずリストプラグインをカテゴリ3に表示させてもいいでょしう。

不具合やお気づきの点、要望などがありましたら、コメントしてください。

追加情報:
はっち様より、親カテゴリの名前を変更したときに、旧カテゴリ名-新カテゴリ名 と表示される という不具合の報告がありました。原因は、FC2ブログのシステム側の不具合と思われますので、スクリプトでの対応は難しいです。
とりあえずの対策として、親カテゴリの名前を変更したときは、それの子カテゴリにチェックをいれて「修正」ボタンを押して、その後、子カテゴリのチェックを外して「修正」ボタンを押す、というように2段階の手順を踏むようにしてください。
FC2には問い合わせ中ですが、現時点で返事はきてません。
5/12 に「現在調査中」との返事がきました。

拍手する

16 Comments

Novelテンプレート管理人 says...""

はじめまして、Novelテンプレート管理人はっちと申します。
つい最近、小説専用のテンプレートの作成をはじめた者であります。
ご考案の親子カテゴリ完全対応パンくずリスト、とても機能的ですばらしいです。

おかげさまで、カレンダーページも、そして親子カテゴリの目次ページも、こうあってほしいと思っていた形にさせることができました。
本当にありがとうございました。

早速最新の拙作テンプレートにも応用して装着させていただき、拙宅でもご紹介させていただきました。
実は、拙作は、小説専用という特別な用途のテンプレートなために、元々のユーザーの方も限られておりますし、その上、承認直後をすぎるとDL数が激減してしまいます。
hatenaさまの「親子カテゴリ完全対応パンくずリスト」を知ったのは、新作テンプレートが承認されて後の事でありまして、まずはその波?を逃さぬようにと、ご挨拶させて戴くよりも前に、取り急ぎ装着させていただいたご無礼をお許しくださいませ。
記事でも述べさせていただきましたが、親子カテゴリ対応のカテゴリ別サイトマップもまたすばらしいです。
章ごとにカテゴリ別に分けて長篇小説を書かれている方にとっては、とてもありがたい機能ですので、今後、拙作テンプレートに使わせていただくことをどうぞお許しくださいませ。
まずは御礼とお詫び、お願いまで
Novelテンプレート管理人 はっち拝

2009.05.07 12:27 | URL | #UKS6RGBk [edit]
Novelテンプレート管理人 says...""

連続投稿、失礼致します。
実は、ただいま、親カテゴリのタイトルを変更したところ、不具合がでてまいりましてご相談にあがりました。
サンプルとしておいてある三つの作品をまとめて、「.長篇」として親カテゴリを設定しているのですが、このタイトルを「.長篇」から「.長篇(親子カテゴリ見本)」としたところ、その変更がリストに反映されないようなのです。
変更以前は、「.長篇」とだけ表示されていた親カテゴリのカテゴリページですが、現在は、親カテゴリ部分<%topentry_parent_category>には「.長篇」子カテゴリが表示されるところ<%topentry_category>に「.長篇(親子カテゴリ見本)」と表示されてしまいます。
また、個別記事画面のパンくずリスト応用のサイトナビゲーションでも、変更前の親カテゴリタイトル「.長篇」で表示されております。
何度か更新ボタンをクリックいたしましたが状態は同じです。
通常ブログ画面の、カテゴリ一覧で確認していただけばおわかりのように、誤って「.長篇」「.長篇(親子カテゴリ見本)」と二つのカテゴリをダブって設定しているわけではなく、カテゴリの管理画面でも、「.長篇」というカテゴリはもう消えているのですが、リスト上には残っております。
なぜか、カテゴリタイトルを元の「.長篇」に戻すと、表示も元の状態に戻ります。
できればカテゴリ名を変更したいのですが、よい方法があれば教えていただきたくお願い申しあげます。
まずはご報告とお願いまで
はっち 拝

2009.05.07 13:18 | URL | #- [edit]
hatena says..."FC2ブログのバグ"

はっちさん、コメントありがとうございます。
また、拙作パンくずリスト、配布、改変について細かいことをいうつもりはないので、
気兼ねなくご自由にご利用くださいませ。

さて、不具合の件ですが、原因を調べた結果、どうも、管理画面で親カテゴリの名前を変更しても、<%topentry_parent_category>タグにすぐに反映されないというのが原因のようです。

これは、個別記事の部分で、<%topentry_parent_category> で親カテゴリを表示しているときも同様の現象ですので、FC2ブログの独自タグのバグと思われますのでスクリプトでの対応は難しそうです。

対策として、親カテゴリの名前を変更したときは、それの子カテゴリにチェックをいれて「修正」ボタンを押して、その後、子カテゴリのチェックを外して「修正」ボタンを押す、というように2段階の手順を踏むと反映されるようです。

このバグについては、FC2 の不具合報告掲示板 の方へ報告しておきます。

2009.05.07 16:33 | URL | #5uE6dEgY [edit]
Novelテンプレート管理人 says...""

早速のご返答、ありがとうございました。
ご指示の通り、一旦親子カテゴリ設定をはずして修正ボタンを押し、その後にもう一度親子カテゴリ設定にするという手順をふみましたところ、きちんとリストに反映させることができました。
自由に使わせてくださるというお言葉を頂戴し、安堵するとともに、そのご寛容さに、あらためて御礼申し上げます。
本当にありがとうございました。
今後とも、どうぞよろしくお願い申しあげます。
まずは取り急ぎ御礼まで
はっち拝

2009.05.07 19:24 | URL | #- [edit]
mbw183 says...""

はじめまして。
パンくずリスト使わせていただいています。
1つ質問があるのですが、日別表示させた時に例のようにならないのです。
例だと"月"でリンクが終わって半角スペースを挟んで"○○日"となっていますが、
うちの環境だと"月"+半角スペースまでリンクになってしまうのです。
ちなみにソースはそのままコピーして貼り付けてあります。
是非アドバイスお願いいたしますm(__)m

2009.10.30 18:45 | URL | #- [edit]
hatena says..."仕様訂正"

mbw183さん、はじめまして。
確かにご指摘のようになりますね。
仕様の説明が間違いなので修正しておきました。

どうしても月までのリンクにしたい場合は、
提示したコードの39行目を
<NOSCRIPT><%now_year>年<%now_month>月</NOSCRIPT>

44行目を
document.write('<%now_year>年<%now_month>月</a>',t.substr(7,2), "日");

と変更すれば半角無しにすることができます。

2009.10.30 21:32 | URL | #5uE6dEgY [edit]
mbw183 says...""

こんばんは、hatenaさん。
アドバイスありがとうございました。

教えていただいたように変更してみたのですが、
今度は月別表示がされませんでした。
いろいろ試してみたところ39行目はそのままで44行目を、
document.write('</a> ',t.substr(7,2), "日");
と変更したら月別表示もされ、日別表示も最初の仕様のように
空白で区切ることができました。

これからもずっと使用させていただきます。
ありがとうございました。

2009.10.30 22:14 | URL | #- [edit]
hatena says..."コード訂正"

すみません。月別表示のことを忘れてました。

39行目は
<NOSCRIPT><%now_year>年<%now_month>月</NOSCRIPT>
44行目を
document.write('<%now_year>年<%now_month>月</a> ',t.substr(7,2), "日")
else document.write('<%now_year>年<%now_month>月');

と修正してください。

これでリンクは月までとなり、その後に半角空白が入り、日がきます。

2009.10.30 22:49 | URL | #5uE6dEgY [edit]
みつ says..."外部ファイル化"

管理人さんはじめまして。

ためになる記事をいつもありがうございます。

このソースを外部ファイル化するにはどうしたら良いでしょうか?

外部ファイル化するためにいろいろやってみましたが、なかなか上手くいきません。

回答の方、よろしくお願いします。

2013.11.18 11:45 | URL | #SFo5/nok [edit]
hatena says..."re:外部ファイル化"

> このソースを外部ファイル化するにはどうしたら良いでしょうか?
>
> 外部ファイル化するためにいろいろやってみましたが、なかなか上手くいきません。


テンプレート変数を使用してますので、完全な外部ファイル化は難しいですね。

今、するなら、jQuery でヘッダー部に記述するかな。

ちょっと、今、余裕がないので具体的なコードは提示できないです。

余裕が出来て気が向いたらやるかもしれません。

2013.11.18 12:36 | URL | #5uE6dEgY [edit]
みつ says..."迅速な回答ありがとうございます。"

管理人さん迅速な回答ありがとうございました。

早速、jQueryでやってみます。

2013.11.18 12:55 | URL | #SFo5/nok [edit]
hatena says..."re:外部ファイル化"

下記も参考にされるとよいかと思います。

FC2変数を利用しているスクリプトの外部ファイル化 - hatena chips
http://hatenachips.blog34.fc2.com/blog-entry-168.html

2013.11.18 15:12 | URL | #5uE6dEgY [edit]
名無し says...""

はじめまして。
いつもカスタマイズ記事を参考にさせてもらっている者です。

このパンくずリストについて伺いたいことがあったのでコメントさせていただきました。

コチラのパンくずリストは、通常のTOPページにおいても「TopPage」と表示されると思いますが、TOPページだけはこの「TopPage」の表記を消すことはできませんでしょうか?

つまり、最初のTOPページではパンくずリストを表示させないけれども、どこか一つでもページを移動した場合にのみパンくずリストを表示させるようにしたい、ということです。

このようにしても、パンくずリストの機能上、ユーザーの方にさして影響は与えないと思います。
現在の仕様でも特に問題ありませんが、スペースや見た目的に消せれるものなら消したいと考えてます。

お手すきのときにでも対処法等を教えていただければ幸いです

では。

2014.01.26 04:39 | URL | #- [edit]
hatena says..."パンくずリスト"

> コチラのパンくずリストは、通常のTOPページにおいても「TopPage」と表示されると思いますが、TOPページだけはこの「TopPage」の表記を消すことはできませんでしょうか?
>
> つまり、最初のTOPページではパンくずリストを表示させないけれども、どこか一つでもページを移動した場合にのみパンくずリストを表示させるようにしたい、ということです。

コードの2行目から4行目を削除すればいいかな。
下記の部分です。

<!--index_area-->
<a href="<%url>" title="トップページへ">Top Page</a>
<!--/index_area-->

2014.01.27 17:12 | URL | #5uE6dEgY [edit]
名無し says...""

管理人様、こんばんわ。
「TOPPAGE」表記について質問した者です。

迅速な回答をいただき、ありがとうございます。
早速試してみたところ、思い通りのカスタマイズができました。
本当に感謝感謝です。

お忙しいとは思いますが、これからもカスタマイズ記事の更新頑張ってください。
いつも楽しみにしております。

それでは。

2014.01.28 22:15 | URL | #- [edit]
gottz says...""

管理人様はじめまして。

ブログをカスタマイズしたいと思いいろいろと探してここへたどり着きました。

カスタマイズしたいけど全然わからない人(私がそうですが(^_^;))

にとって、これは本当に助かりました。ありがとうございます。

これからもカスタマイズするときにお邪魔させていただきます。

それでは、失礼いたします。

2015.06.24 16:28 | URL | #- [edit]

Leave a reply






Trackbacks

trackback URL
http://hatenachips.blog34.fc2.com/tb.php/46-2296ec70
「FC2ブログ用パンくずリスト親子カテゴリ完全対応版」を新作テンプレートに装着!
新作テンプレートの[novel-temp-rose1・2]、そして再度申請中の[novel-10-china1・2]は、画面の上下にあるサイトナビゲーションにパンくずリスト機...
日別表示画面の便利ナビに日付を表示
カレンダーのリンクは月単位だけでなく、日単位でも記事の表示が可能です。 しかし便利ナビのタイトルに日付までは表示されませんでした。 ...
fc2ブログカスタマイズ-パンくずリストの作り方と6つの参考サイト
パンくずリストとは、「Webサイトの中のそのページの位置を、階層構造の上位ページへのリンクのリストで簡潔に記述したもの。」簡単に言うと...
該当の記事は見つかりませんでした。