プルダウンメニューのカスタマイズ

▼サブカテゴリー名の頭位置を揃える
▼サブカテゴリーリストにワンポイント
▼カテゴリーにタイトルリストモードへのリンクをつける

…のカテゴリープルダウンプラグインのカスタマイズ3本です。んがぐっぐ。


※カテゴリープルダウンプラグインを使わない方法はこちらで解説済み
[b*c]blog*citron | タイトル一覧表示モードを作る

▼サブカテゴリー名の頭位置を揃える
CSSに下記を追加します。20pxの部分が左端からサブカテゴリー名の開始位置までの距離です。お好みにあわせて好きな数値にして下さい。
※div.navigationは、div.naviやnavimenuなど名前が異なる場合があります。テンプレに合わせて変更して下さい。

div.navigation dl dd ul li li {
padding: 0px 0px 0px 20px;
}

▼サブカテゴリーリストにワンポイント
サブカテゴリーリストを開いた時、サブカテゴリー名の左に壁紙でワンポイントを表示させます。(サイズがあえばアイコンでも)
※div.navigationは、div.naviやnavimenuなど名前が異なる場合があります。テンプレに合わせて変更して下さい。

div.navigation dl dd ul li li {
padding: 0px 0px 0px 20px;
background:url(ワンポイント画像のURL) repeat-y;
}

・縦に繋がりやすい壁紙を選んだ方が幸せになれます。
・アイコンを使う場合はrepeat-yをno-repeatに変えた方がベター。


▼タイトルリストモードへのリンクをつける (sb1専用)
くっきー日記 | ◇ [sb] タイトルリスト表示
くっきー日記さんで紹介されている、カテゴリープルダウンとタイトルリスト表示の合わせ技です。くっきー日記さんでは、カテゴリーリストの数字の部分(登録エントリー数)がタイトル一覧表示へのリンクになる方法を解説されています。
※プラグインが旧sb専用のため、SereneBachには対応していません


数字をクリックするとタイトルリスト表示になるよ、という一言がないと知らない人は気づきにくそうです…でも説明書き入れるのもちょっと面倒臭いとです…ヒロシです…ヒロシです…。
じゃあ別にリンクをつけてみようというカスタマイズ。

SAMPLE:"blog"というカテゴリー名なら…
blog(25/list)blog(25:一覧)
など数字の横に一覧表示へのリンクを追加します。

▼カスタマイズ手順
まず導入にあたっての手順は一緒です。
くっきー日記 | ◇ [sb] タイトルリスト表示
こちらで紹介されている方法を全てそのまま行って下さい。


動作確認が出来たら、プルダウンメニュープラグインをテキストエディタで開きます。そして#記事数の手前に入れる文字列から#サブカテゴリーの記事数 の後ろに入れる文字列までの4箇所を以下のように修整します。

#記事数 の手前に入れる文字列
$gPreNumber = q['('];


#記事数 の後ろに入れる文字列
$gPostNumber = q[' / <a href="' . $gData{'{site_cgi}'}[0] . '?cid=' . $$hash{'id'} . '&amp;tid=テンプレートのID&amp;max_ent=20">list</a>)'];


#サブカテゴリーの記事数 の手前に入れる文字列
$gPreSubNumber = q['('];


#サブカテゴリーの記事数 の後ろに入れる文字列
$gPostSubNumber = q[' / <a href="' . $gData{'{site_cgi}'}[0]. '?cid=' . $$hash{'id'} . '-'. &sbtxt_urienc($subcat) . '&amp;tid=テンプレートのID&amp;max_ent=20">list</a>)'];

・バックアップを忘れずに!
・テンプレートのIDはタイトル一覧用テンプレのIDを入れて下さい
・max_ent=20の20の部分は1ページに表示したい件数に。
・"list"は一覧でもリストでも、リンクに使いたい言葉をどうぞ。

Related Archive