カテゴリーのプルダウン化プラグインを blog*citron さんのテンプレートで使う方法

カテゴリーのプルダウン化プラグインを blog*citron さんのテンプレートで使う方法

Posted at December 10,2005 11:53 PM
Tag:[Category, Customize, Plugin, SereneBach]

針ねずみのノート#003 ver2.00昨日公開した Serene Bach 用カテゴリーのプルダウン化プラグインですが、sb および Serene Bach のテンプレートとしてデファクトスタンダードな blog*citron さんのテンプレートに適用する方法をご紹介しておきます。
左のスクリーンショットは「針ねずみのノート#003 ver2.00」にプラグインを適用した場合の完成例です。

ちなみに本家さまでもカテゴリーのプルダウン化が公開されたようです。

以下、カスタマイズ方法です。

まず、カテゴリーのプルダウン化プラグイン for Serene Bach の1?3項までの作業を行ってください。そして4項の作業について、下記の内容に変更して実施してください。

4.独自タグの設定2

blog*citron さんのベースHTMLテンプレートのサイドバーに設定されているカテゴリー表示用のブロック名および独自タグを、「変更前」のリストから「変更後」のリストに変更してください。

変更前

<!-- BEGIN category -->
<dl class="category">
<dt id="categoryname">CATEGORIES</dt>
<dd id="categorylist">{category_list}
{subcategory_list}</dd>
</dl>
<!-- END category -->

変更後

<!-- BEGIN fold_category -->
<dl class="category">
<dt id="categoryname">CATEGORIES</dt>
<dd id="categorylist">
<div id="categories">{fold_category_list}</div>
</dd>
</dl>
<!-- END fold_category -->

元のタグは全て残していますのでスタイルへの影響はないと思いますが、CSS の設定を変更されている場合は #categorylist 配下に #categories の追加が必要になるかもしれません。もし現在のスタイルが適用されなくなってしまった場合は、お手数ですがご連絡ください。

またスクリーンショットは、エントリー件数と折りたたみマークの間にスペースを設けて表示していますが、これは元記事の5項の作業を行ってください。

関連記事
トラックバックURL


コメント

はじめまして。
初めてのブログに挑戦中です。
とっても素敵なプラグインお借りしました。
ありがとうございますm(_ _)m

1つ質問があるのです。
カテゴリーの横に表示される数字を消す、
または表示しない方法ってあるでしょうか?

[1] Posted by 恋 : December 15, 2005 12:45 AM

>恋さん
こんばんは。
ご利用ありがとうございます。

ご質問の件ですが、
FoldCategory.pm の 98行目辺りにある

    $list .= ' (' . int($param{'num'}->>{$cat->id}) . ')' if (!$param{'no_num'});

の行頭に「#」を付与して(半角です)、

#    $list .= ' (' . int($param{'num'}->>{$cat->id}) . ')' if (!$param{'no_num'});

として、再構築すれば件数が表示されなくなります。

以上です。
それではどうぞよろしくお願い致します。

[2] Posted by yujiro : December 15, 2005 1:11 AM

今まで悩んでたのが嘘みたいに、サクッっと数字が無くなりました^^
お蔭様で自分の思い描くブログに一歩近付けました♪
yujiroさん、ありがとうございます!

[3] Posted by 恋 : December 15, 2005 1:48 PM

>恋さん
こんばんは。
ご連絡ありがとうございました。
うまくできたようで良かったです。
ではでは!

[4] Posted by yujiro : December 16, 2005 12:45 AM

はじめまして。
まだまだ初心者のコヨーテと申します。
こちらのプルダウン化プラグインを利用させていただいております。
素晴らしいです!!ありがとうございます。
実は1点、どうしてもどうしても解決できないことがあり、ご質問させていただきます。
CSSでカテゴリーリストを全てboldに変更したのですが、折りたたみマークの付くカテゴリーのみ設定が反映されません。
段々わけがわからなくなり、思いつく限りのセレクタをグループ化しています。
長くなって本当に申し訳ないのですが、ご教授お願いできますでしょうか???
何卒よろしくおねがいいたします。

div#sidebar dl.category dd#categorylist,div#sidebar dl.category dd#categorylist div#categories,div#sidebar dl.category dd#categorylist div#categories ul,div#sidebar dl.category dd#categorylist div#categories ul li,div#sidebar dl.category dd#categorylist div#categories div#subcategories,div#sidebar dl.category dd#categorylist div#categories div#subcategories ul ,div#sidebar dl.category dd#categorylist div#categories div#subcategories ul li {
font-weight: bold;
}

[5] Posted by コヨーテ : June 3, 2006 5:56 PM

>コヨーテさん
はじめまして。
プラグインご利用ありがとうございます。
ご質問の件ですが、サイトを拝見させて頂かないと適切な回答ができませんので、Typekey をサインアウトしてURLを入力して再コメントして頂けますでしょうか。
それではよろしくお願い致します。

[6] Posted by yujiro : June 3, 2006 11:57 PM

失礼致しました。
よろしくお願いいたします。

[7] Posted by コヨーテ : June 4, 2006 1:31 AM

>コヨーテさん
こんばんは。
ご連絡ありがとうございます。
下記の設定でカテゴリーリストが全て bold になると思います。

#categorylist ul li, #categorylist ul li a{ font-weight: bold; }

太字にならなかった原因は、折りたたみ部分の親カテゴリー文字列に a タグが付与されるためです(JavaScriptで付与しているため、HTML上は見えません)。

それではよろしくお願い致します。

[8] Posted by yujiro : June 4, 2006 1:51 AM

yujiroさま
わーい!あっという間に解決しました。
信じられない。あんなに悩んだのに。
本当に色々勉強になります。
夜遅くなのに、ありがとうございました!!

[9] Posted by コヨーテ : June 4, 2006 2:38 AM

>コヨーテさん
こんにちは。
ご連絡ありがとうございました。
うまくできたようで良かったです。
ではでは!

[10] Posted by yujiro : June 6, 2006 9:40 AM

こんにちは。
手順どおりやったつもりなんですが、上手くいきません。
助けてください、お願いします。

[11] Posted by きりん : February 22, 2007 3:13 PM

>きりんさん
こんにちは。
ご質問の件ですが、カスタマイズを実施した状態でページを拝見させて頂けないでしょうか。
現在カテゴリーリストが設定されていないようですので、適切な回答ができません。
それではよろしくお願い致します。

[12] Posted by yujiro : February 24, 2007 5:42 PM

yujiro さま

有難うございます。

なぜかはワカリマセンが、色々やっているとうまくいきました。
手順4までやって再構築をしてページを見るとカテゴリリストが初めは表示されていたはずなんですが・・・。なんでだろう?

ご迷惑おかけしました。

ただ、新たな問題で親カテゴリの下の、子カテゴリの「インデント」が出来なくなってしまいました。
これも最初のうちはちゃんと表示されていたんですが。

Shutterbug (5) log/shu/
person (18) log/shu/per/
nature (4) log/shu/nat/
walk the streets (1) log/shu/wal/

すみません。宜しくお願いします。

[13] Posted by きりん : February 24, 2007 6:30 PM

>きりんさん
こんばんは。
ご連絡ありがとうございました。
無事に直ったようでよかったです。
インデントできない件は、横幅の広い画像が影響しているようです。記事別のページをいくつかご覧頂ければお分かりになると思います。
それではよろしくお願い致します。

[14] Posted by yujiro : February 24, 2007 10:06 PM

yujiro さま

おはようございます。

インデントの件も無事に解決しました。
何から何まで yujiro さまのおかげです。
本当にありがとうございます。

[15] Posted by きりん : February 25, 2007 8:51 AM

>きりんさん
こんばんは。
ご連絡ありがとうございました。
無事に直ったようでよかったです。
BlogPeople の登録もありがとうございました。
ではでは!

[16] Posted by yujiro : February 26, 2007 11:12 PM
コメントする
greeting

*必須

*必須(非表示)


ご質問のコメントの回答については、内容あるいは多忙の場合、1週間以上かかる場合があります。また、すべてのご質問にはお答えできない可能性があります。予めご了承ください。

太字イタリックアンダーラインハイパーリンク引用
[サインインしない場合はここにCAPTCHAを表示します]

コメント投稿後にScript Errorや500エラーが表示された場合は、すぐに再送信せず、ブラウザの「戻る」ボタンで一旦エントリーのページに戻り(プレビュー画面で投稿した場合は、投稿内容をマウスコピーしてからエントリーのページに戻り)、ブラウザをリロードして投稿コメントが反映されていることを確認してください。

コメント欄に(X)HTMLタグやMTタグを記述される場合、「<」は「&lt;」、「>」は「&gt;」と入力してください。例えば「<$MTBlogURL$>」は「&lt;$MTBlogURL$&gt;」となります(全て半角文字)