カテゴリーのプルダウン化プラグインを blog*citron さんのテンプレートで使う方法
昨日公開した Serene Bach 用カテゴリーのプルダウン化プラグインですが、sb および Serene Bach のテンプレートとしてデファクトスタンダードな blog*citron さんのテンプレートに適用する方法をご紹介しておきます。 ちなみに本家さまでもカテゴリーのプルダウン化が公開されたようです。 |
以下、カスタマイズ方法です。
まず、カテゴリーのプルダウン化プラグイン 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項の作業を行ってください。
- Serene Bach カテゴリーのプルダウン化プラグイン v3.00
- Serene Bach カテゴリーのプルダウン化プラグイン v2.02
- Serene Bach カテゴリーのプルダウン化プラグイン・バージョンアップ
- カテゴリーのプルダウン化プラグイン・バージョンアップ
- プルダウン化プラグインで特定のカテゴリーだけをプルダウン化するカスタマイズ
- Serene Bach カテゴリーのプルダウン化プラグイン不具合修正
- カテゴリーのプルダウン化プラグイン for Serene Bach
はじめまして。
初めてのブログに挑戦中です。
とっても素敵なプラグインお借りしました。
ありがとうございますm(_ _)m
1つ質問があるのです。
カテゴリーの横に表示される数字を消す、
または表示しない方法ってあるでしょうか?
>恋さん
こんばんは。
ご利用ありがとうございます。
ご質問の件ですが、
FoldCategory.pm の 98行目辺りにある
$list .= ' (' . int($param{'num'}->>{$cat->id}) . ')' if (!$param{'no_num'});
の行頭に「#」を付与して(半角です)、
# $list .= ' (' . int($param{'num'}->>{$cat->id}) . ')' if (!$param{'no_num'});
として、再構築すれば件数が表示されなくなります。
以上です。
それではどうぞよろしくお願い致します。
今まで悩んでたのが嘘みたいに、サクッっと数字が無くなりました^^
お蔭様で自分の思い描くブログに一歩近付けました♪
yujiroさん、ありがとうございます!
>恋さん
こんばんは。
ご連絡ありがとうございました。
うまくできたようで良かったです。
ではでは!
はじめまして。
まだまだ初心者のコヨーテと申します。
こちらのプルダウン化プラグインを利用させていただいております。
素晴らしいです!!ありがとうございます。
実は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;
}
>コヨーテさん
はじめまして。
プラグインご利用ありがとうございます。
ご質問の件ですが、サイトを拝見させて頂かないと適切な回答ができませんので、Typekey をサインアウトしてURLを入力して再コメントして頂けますでしょうか。
それではよろしくお願い致します。
失礼致しました。
よろしくお願いいたします。
>コヨーテさん
こんばんは。
ご連絡ありがとうございます。
下記の設定でカテゴリーリストが全て bold になると思います。
#categorylist ul li, #categorylist ul li a{ font-weight: bold; }
太字にならなかった原因は、折りたたみ部分の親カテゴリー文字列に a タグが付与されるためです(JavaScriptで付与しているため、HTML上は見えません)。
それではよろしくお願い致します。
yujiroさま
わーい!あっという間に解決しました。
信じられない。あんなに悩んだのに。
本当に色々勉強になります。
夜遅くなのに、ありがとうございました!!
>コヨーテさん
こんにちは。
ご連絡ありがとうございました。
うまくできたようで良かったです。
ではでは!
こんにちは。
手順どおりやったつもりなんですが、上手くいきません。
助けてください、お願いします。
>きりんさん
こんにちは。
ご質問の件ですが、カスタマイズを実施した状態でページを拝見させて頂けないでしょうか。
現在カテゴリーリストが設定されていないようですので、適切な回答ができません。
それではよろしくお願い致します。
yujiro さま
有難うございます。
なぜかはワカリマセンが、色々やっているとうまくいきました。
手順4までやって再構築をしてページを見るとカテゴリリストが初めは表示されていたはずなんですが・・・。なんでだろう?
ご迷惑おかけしました。
ただ、新たな問題で親カテゴリの下の、子カテゴリの「インデント」が出来なくなってしまいました。
これも最初のうちはちゃんと表示されていたんですが。
Shutterbug (5) log/shu/
person (18) log/shu/per/
nature (4) log/shu/nat/
walk the streets (1) log/shu/wal/
すみません。宜しくお願いします。
>きりんさん
こんばんは。
ご連絡ありがとうございました。
無事に直ったようでよかったです。
インデントできない件は、横幅の広い画像が影響しているようです。記事別のページをいくつかご覧頂ければお分かりになると思います。
それではよろしくお願い致します。
yujiro さま
おはようございます。
インデントの件も無事に解決しました。
何から何まで yujiro さまのおかげです。
本当にありがとうございます。
>きりんさん
こんばんは。
ご連絡ありがとうございました。
無事に直ったようでよかったです。
BlogPeople の登録もありがとうございました。
ではでは!