小言さんのを更にカスタマイズしてタイトルリストから個別記事にリンクを張るのではなく、ページ内の記事の部分にジャンプするように変えたので、個別記事を読み込むよりも表示速度が圧倒的に早い!
さらにリンクのコメントの数も分かるようにしてみました。
サンプル
この改造を施すと、ブログの読み方が劇的に変わるね。もう無駄にマウスホイールをグリグリ回してページをスクロールさせる必要がなくなるのです。「タイトル一覧」からパっと読みたい記事に移動できるからね。この差はかなり大きいよ
やり方は至って簡単。
月別アーカイブのHTMLテンプレートの
<div id="content">
<div class="blog">
この記述の下辺りに
<h2 class="date" id="menu">タイトル一覧</h2>↑これを付け足すだけ。
<div class="blogbody">
<div class="main">
<MonthlyArticlesLoop>
<a href="#<$ArticleId$>"><$ArticleTitle ESCAPE$> (<$ArticleCommentCount$>)</a>
</MonthlyArticlesLoop>
</div>
</div>
この後に「Blogの再構築」で月別アーカイブを再構築すればOK。
カテゴリ別アーカイブにも同じのをつけるには独自タグの<MonthlyArticlesLoop>を<CategorizedArticlesLoop>に書き換える。同様にトップページにやるにはこれを<IndexArticlesLoop>にするだけ。
タイトル一覧を箇条書きにして番号を振りたいなら
<h2 class="date" id="menu">タイトル一覧</h2>
<div class="blogbody">
<ol>
<MonthlyArticlesLoop>
<li><a href="#<$ArticleId$>"><$ArticleTitle ESCAPE$></a> (<$ArticleCommentCount$>)</li>
</MonthlyArticlesLoop>
</ol>
</div>
こうするべし。
サンプル2
ついでに<div class="posted">内に
│<a class="aposted" href="#menu">タイトル一覧▲</a>と書いて、タイトル一覧の近くまで戻れるリンクを張っておくと利便性が向上するぞ。 最近の記事
こだわりを捨てると楽になる
世界で最も格差のある国、日本
迷ったら答えを変えろ
BNF氏には良い夢みさせてもらった
ドラゴンボールを世界遺産に
金利が経済成長率を左右する
おお、これいいですね。
早速導入してみました。
ちょっとだけ弄ってトラックバック数も表示するようにしてみました。
takoashi さんとこから、おじゃまにきました。
とても参考になることがたくさんあり、うれしくなりました。(^^♪
さっそく、このぺーじのTOPへ▲をつけてみました。
ありがとうございます。
わざわざ教えに来ていただいて、ありがとうございました。
箱男さん(でいいんですか?)
のおっしゃるとおりにしてみました。
やっぱり、具合がいいです。
親切に感謝します。(^o^)丿
タイトル一覧、いいですねー。使わせてもらいました。
自分のblogでは同カテゴリの記事の量が多くなるので
カテゴリのページではサイドバーに表示してみました。
自分で見直したいときにも重宝します。
他にもコメントを掲示板風に、も使わせて頂きました。
これもいいかんじです。
ありがとうございました。
はじめまして。
タイトル一覧使わせていただきました。
見にくて仕方なかったのですがスッキリしました。
タグとか良くわからないのでとても助かります。
ありがとうございました。
初めまして。
タイトル一覧のカスタマイズを使わせて頂きました。
すごく気になっていたところだったので、とてもうれしいです。
ありがとうございました。
アーカイブ見にくい…と思ってたので、すごく参考になりました。
ありがとうございます。
初めまして。
参考にさせていただきました。
HTMLとか全然分からないのですが、とても分かりやすかったです。
ありがとうございました。
私は月もカテも30個ずつしか表示していないので、
「前・次のページ」を併用して使わせていただきました。素晴らしいです。ありがとうございました^^
ご指摘ありがとうございました
loop内のアンカーをいらないと思って削除してしまっていました
非常に有意義な情報をありがとうございました!!!
早速HPにも取り付けてみました。
管理人様のわかりやすい解説は他のページをしのぎます。