「最近の投稿」リストあれこれ

読者の方からいただいたメールにおもしろい質問があったので、こちらでとりあげさせてもらいます。質問内容は、

「最近の記事」部分にのるタイトル数を増やしたいのですが、可能なものなのでしょうか？（10個が限界？）

というもの。

どうだったっけ？と調べてみると、たしかに <BloggerPreviousItems> を使った「最近の投稿」欄では、表示できるタイトルの数は 10件に固定されているようですね（参考：Blogger Help）。このタイトルリストに表示される内容は、記事単独ページではその記事以前の 10件、トップおよびアーカイブページでは一番最新の 10件となります。
クリボウの思いついた、タイトル数を増やす方法を並べてみると下のようになりました。

その１　<Blogger> を使う

テンプレートタグ <Blogger> を使う方法です。Blogger Help のこのページやこのページで紹介されている方法を使えば、10件以上の投稿タイトルをリストに表示することも可能です。表示される投稿タイトル数は、そのページに表示される投稿内容の数と同じになります。つまり、トップページではブログに設定されている（管理画面「設定＞フォーマット＞表示」で設定可）投稿表示数の分、アーカイブページではそのページに載る記事分（設定にもよるが、たいていはその月に投稿された記事全て）、記事単独ページでは１件となります。記事単独ページではコンディショナルタグを使ってもともとの <BloggerPreviousItems> を表示させる工夫が必要です。以前書いたアーカイブページに投稿一覧リストをという記事に、その場合のコードを示しているのでご確認下さい。

その２　Feed2JS を使う

２番目は外部のツール Feed2JS を使う方法。Blogger ブログの Atom フィードからリストをつくることが出来ます。表示できるタイトル数は１件から Atom に記載されている投稿数までです。Atom に載る投稿数は、トップページに表示する投稿数の設定で決まります（管理画面「設定＞フォーマット＞表示」で設定可）。問題は、つねに最新の投稿情報しか表示できない点。もちろん、JavaScript を用いてリンクリストを表示するので、通常の <BloggerPreviousItems> を noscript 要素にして、スクリプト無効の際にもリストが表示できるようにする必要があると思います。

その３　「ヌルッと出るリスト」を使う

３つ目は、以前に紹介した要約がヌルッと出てくる「最近の投稿」リストを使う方法。これも最新の情報しか表示できないんですが、他の方法と違うのは、Blogger のデータを使っていない点。Google Blog Search のデータからリストをつくるので、トップページに表示する投稿数にとらわれずに、１件から 100件まで、表示するタイトル数を設定することができます。これも JavaScript で表示させるので、<BloggerPreviousItems> を <noscript> で用意しておく必要がありますね。

その４　１と３を組み合わせる

好みや必要に応じて上記の方法から選択してもらえばいいんですが、クリボウの一番のお勧めはというと、１の方法を基本にトップページにだけ３を適用する方法。つまりタイトルは、トップページでは好きな分だけ、アーカイブページではその月の全投稿分、記事単独ページではその記事以前の 10件が表示されるというわけ。導入手順をあらめて書くと次のようになります。

(1)　Blogger 管理画面「テンプレート」から、テンプレート head 要素内（<head> と </head> の間）に、次のコードを貼り付ける。

(2)　リンクリストを書き出したいところに、次のコードを貼り付ける。

<div class="sidebar-title"><MainPage>最近の記事</MainPage> <ArchivePage>この月の記事一覧</ArchivePage><ItemPage>以前の記事</ItemPage></div>
<MainPage>
  <script type="text/javascript" src="http://tools.kuribo.info/expandablelist/?url=<$BlogURL$>&start=1&num=15" charset="UTF-8"></script>
  <noscript>
    <ul id="recently">
      <BloggerPreviousItems>
        <li><a href="<$BlogItemPermalinkURL$>"><$BlogPreviousItemTitle$></a></li>
      </BloggerPreviousItems>
    </ul>
  </noscript>
</MainPage>
<ArchivePage>
  <ul>
    <Blogger>
      <BlogItemTitle>
        <li><a href="<$BlogItemPermalinkURL$>"><$BlogItemTitle$></a></li>
      </BlogItemTitle>
    </Blogger>
  </ul>
</ArchivePage>
<ItemPage>
  <ul>
    <BloggerPreviousItems>
      <li><a href="<$BlogItemPermalinkURL$>"><$BlogPreviousItemTitle$></a></li>
    </BloggerPreviousItems>
  </ul>
</ItemPage>

赤字部分は、トップページで表示するタイトル数を記入してください。

回答おしまい。こうやって並べてみると、色々な方法があるもんですね。質問者以外の方もご自分のブログのタイトルリストの参考にしてもらえると嬉しいです。

スポンサードリンク：

お願い：

「この記事役に立った！」と思ったら、ぜひフィード登録をお願いします。　