- date
- 050421
タイトル一覧表示モードを作る
表示記事数を臨機応変に変更するプラグイン と プルダウンメニュープラグイン と ページリスト表示プラグイン と テンプレート設定 を組み合わせて、右にある分類別(カテゴリー)の記事数をクリックすると記事リストを表示できるようにしてみました。
上記エントリではプルダウンメニュープラグインの使用を前提とした説明をされていますが、うちではボムガールさんの方法でプルダウン化をしてるため、プルダウンメニュープラグインは使わずにやってみました。また、すべてのカテゴリを一覧にするのではなく、任意のカテゴリorサブカテゴリのみを一覧表示させるようにしています。
※カテゴリーリストをsbで自動出力せず、手動でテンプレートに直接書き込んでいる場合のみ出来るカスタマイズです。
★2005.07.18追記
下記エントリにて、プルダウンメニューの見た目のカスタマイズ方法(頭揃えやワンポイントのつけ方)も紹介していますヾ(・ω・)wヌwワ
blog*citron | プルダウンメニューのカスタマイズ
sb 表示記事数を臨機応変に変更するプラグイン
sb ページリスト表示プラグイン
ふうこさんのページナビゲーション展開プラグインを利用されている方は、sb ページリスト表示プラグインに切替えて下さい。
(ページが複数になった時、次のページにタイトル一覧表示が継承されない為)
◆手順その1
くっきー日記 | sb タイトルリスト表示
こちらのエントリーで説明されている手順の
1:記事最大表示数変更プラグインを登録する
2:タイトルしか表示しないテンプレートを作る
4:ページリスト表示プラグインの書換え
を行ってください。3番と5番は不要です。
◆手順その2
JavaScriptによるプルダウンメニューを導入していると、各カテゴリーへアンカータグでリンクを貼るようになっています。一覧表示にしたいカテゴリへのリンクURLを書き換えるだけで、そのカテゴリの表示をタイトル一覧モードにすることができます。
メインのテンプレートと、その1で作ったタイトル一覧表示用のテンプレートと2つが用意できたと思います。手順その2のテンプレートの書換えは、この2つを両方とも同じように編集して下さい。
手順2-1▼一覧表示させるカテゴリのリンクURLを書き換える
一覧表示させたいカテゴリーへのリンクURLに
&tid=一覧表示用のテンプレートid&max_ent=1ページに表示する最大件数
を付け足します。これだけでOK!
仮に、一覧表示用のテンプレートidが15、1ページに表示する最大件数を20とするならば、以下のようになります。
# SAMPLEサブカテゴリの場合
▽書換え前:sb Templateカテゴリ
http://www.webcitron.com/blog/sb.cgi?cid=11
▽書換え後:sb Templateカテゴリの一覧表示(20件/1ページ)
http://www.webcitron.com/blog/sb.cgi&cid=11&tid=15&max_ent=20
#SAMPLE
▽書換え前:sb Template>Preview
http://www.webcitron.com/blog/sb.cgi?cid=11-Preview
▽書換え後:sb Template>Preview一覧表示
http://www.webcitron.com/blog/sb.cgi?cid=11-Preview&tid=15&max_ent=20
手順2-2▼ページナビのタグを変更する
sbページリスト表示プラグインに合わせて、<!-- BEGIN page -->と<!-- END page -->で囲まれたページナビの部分を変更します。
↓blog*citronではこんな風にしています。
<!-- BEGIN page -->
<div class="page">
{first_page_link} {prev_page_link} {page_list} {next_page_link} {last_page_link}<br /><a href="{site_top}">:: top ::</a>
</div>
<!-- END page -->
これをしておかないと、タイトル一覧表示のページが複数になった時、2ページめ以降では一覧表示が解除されてしまいます。
手順2-3▼再構築
2つのテンプレートを編集し終わったらそれぞれ保存して再構築して終了です。
◆応用編
下準備(プラグイン導入・一覧用テンプレ作成)さえしておけば、URLに&tid=●&max_ent=▲を足すだけでいいわけです。
URLを使い分けることで、カテゴリー名(一覧表示)という使い方もできます。
#SAMPLEカテゴリー名をクリックすれば通常表示、ListModeをクリックすれば一覧表示へジャンプします。
sb Template(ListMode)
カスタマイズ(ListMode)
Comments
コメントエリアをスクロールする / スクロールを解除する
すみません、最近パティオでこの質問をしたshiroといいます。「くっきー日記さんに書いてあるよ」との回答はいただいたのですが、いくつもプラグインを入れる難しさと、カスタマイズ後の表示の重さが気になって実行しそびれていました(ブログツール初心者です)。
blog*citronさんでも方法が公開されたので、今度こそやってみようかと思うのですが…。ぶっちゃけどちらの方法を採ったらよいのか、2つの方法の違いが分かりません。
ちなみに自サイトではプルダウンプラグインは使用していません。使用プラグインは以下で全部です。
●サムネイル画像自動プラグイン(Kennoさん)
●comment formatting1.00(ふうこさん)
●shuffle_amazon 0.01(?)
●テンプレート編集メニュー 0.00(takkyunさん)
表示速度を重視した場合、どちらの方法を採れば良いのでしょうか?ユヅさんのお考えをお聞きできれば幸いです。失礼な質問でしたら申し訳ありません。
よろしくお願いいたします。
表示速度はどちらにしても大差ないと思いますよ~。サーバーや回線の問題もあると思いますが、導入前とさほどかわんないと思います。
体感で速度が重く感じるのは、コメントプレビューや音ログ系、ブログペットみたいな動きのあるものじゃないでしょうか。
また、ふうこさんちのページ展開プラグイン以外では動作がぶつかることもありません。
▼くっきーさん
・カテゴリーがプルダウン化する
・すべてのカテゴリーにタイトル一覧モードがつく
・プラグイン導入数は合計3つ
・ベースHTMLの書換えが簡単
▼うち
・カテゴリーリストをベースHTMLに直接自分で書く必要がある
・↑のためプルダウンにするもしないも自分次第
・特定のカテゴリのみをタイトル一覧にできる
・プラグイン導入数は2つ
2つの方法の違いはこんな感じです。自分の望む形や手順に沿う方を試されればよいかと。
一覧とは関係ないんですが、URLをそのまま表示すると表示が崩れるのは「連続した半角英数字」はブラウザで改行されないためです。1つの英単語扱いされると考えてください。
日本語だとどこでも改行されますが、英語だと単語の途中で改行はされず単語間のみで改行される仕様です。
ご丁寧にすみません。大変よくわかりました。
>プルダウンにするもしないも自分次第
↑この要素がありますので、ユヅさんの方法を試してみようと思います。上手くいったらトラバで報告させていただきます。
ありがとうございました。
ご報告:
カテゴリを自動出力→手動書き込みに変更する過程で挫折してしまい、くっきーさんの方法を採らせていただきました。色々とすみません。ありがとうございました。
こんにちは。先日はテンプレの件についてありがとうございました。
ところで、タイトル一覧表示のカスタマイズに挑戦してみたのですが、1カラムのテンプレを使ってみた場合、タイトルとタイトルの間の広さが大きいので詰めたいのですが、どこをいじればいいのか分かりません。それと、次ページへのリンクがどうしても一覧解除されてしまいます。(ページナビの書き換えは、リストのテンプレの方だけでいいんでしょうか?)宜しくお願い致します。アドレスはまた拍手の方で送信させて頂きます。
▼タイトル間の詰め方
CSSでのmarginとpaddingの数値をもっと小さくして下さい。
div.entry{
margin:0px 20px 20px 20px;
padding:20px 0px 10px 0px;
}
上、右、下、左の順です。
それぞれ0pxでもいいかもですね。
▼一覧解除
ページナビはどちらも修正しておいたほうがいいと思います。
また、プラグインがどちらも効いていないので、配布元のくっきー日記さんの説明をもう1度よく読んで確認してくださいね。
プラグインが有効になっているかどうかも確かめたほうがいいかもです。
またもやありがとうございました!
プラグインについては、どうしても分からず困ってたんですが、環境設定でプラグインを有効にすることに先程気が付きました^^; そして上手く設置出来るようになりました。ホントにありがとうございました!
こんにちは!ユヅさん。
こちらの記事を参考にリスト表示に成功したんですが、何故かTBが送れません・・・
何度か試したんですけど・・;
どうしてでしょう??
・・・ごめんなさい;;反映されていました;;
何回も送信したような気がするので、それがすべて流れていなかったかどうかが気になります;;
お手数をおかけしませんでしたでしょうか??(涙
●mikuさん
こんにちは。
TBは重複できてたので、かぶった分は削除してあります^^
スパム系トラバがくることもあり、承認制にしていることもあるので、すぐに反映されない場合があるんです、すみませんねー;;
はじめまして。
パティオでも質問したのですが、解決法がわからず困っています。
カテゴリーリストを、手動でテンプレートに直接書き込んだ場合のみできるカスタマイズ、とのことなので、
<dl class="category">
<dt id="categoryname">CATEGORIES</dt>
<dd id="categorylist">
<ul>
<li><a href="link
<li><a href="link
<li><a href="link
</ul>
</dd>
</dl>
と記述したのですが、こうするとエントリ数が表示されなくなってしまいました。
また、これとは関係ありませんが、トップ画面も一覧で表示されてしまいます。
お手数ですが、ご教授いただければ幸いです。
何度もすいません。
URLは拍手にてお送りさせていただきました。
ご確認ください。
●ラニさん
手動でカテゴリ名を書いている=自分で件数は書いていない…のですから、残念ですがエントリ数は当然表示されません(・ω・)
エントリ数を計算するのはsbですから、独自タグのカテゴリーリストを使った場合のみsbが出力してくれます。
トップ画面が一覧で…というのは、トップに設定しているテンプレートもタイトル一覧のものにしているorタイトル一覧用に編集してしまっている状態ではないですか?
通常のものと、一覧用と、2種類テンプレートを作る必要があります。ご確認くださいませ。