スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

FC2ブログでその記事が属するカテゴリの最新記事一覧を表示

この度、記事の下にその記事が属するカテゴリの最新記事一覧を表示しました。例えばこの記事の下にはカテゴリ「FC2ブログのカスタマイズ」に属する記事が表示されているはずです。簡単そうに思えて意外に悩んだので方法を紹介します。
なぜ悩んだかというと、ちょうどいい変数がなかったからです。で、考えていると変数はなくてもカテゴリごとのrssフィードは提供されています。例えばカテゴリ「FC2ブログのカスタマイズ」の場合以下のようになります。
http://weboook.blog22.fc2.com/?xml&category=7
って感じなので赤の部分に変数を入れてあげると、その記事が属するカテゴリの最新記事一覧のrssフィードになります。
http://weboook.blog22.fc2.com/?xml&category=<%topentry_category_no>
で、このrssフィードを読み取って表示させると完成です。どうやって表示するかというとFC2ブログはもちろんphpは使えないのでGoogle AJAX Feed APIを利用します。実際どうするかというと以下のとおりです。以前紹介した「Google AJAX Feed APIでRSSフィードを表示」と同じですね。
<!--topentry--> 
 <script type="text/javascript" src="http://www.google.com/jsapi?key=取得したAPI キー"></script>
  <script type="text/javascript">
  
  google.load("feeds", "1");
  
  function initialize() {
    var feed = new google.feeds.Feed("ブログのアドレス/?xml&category=<%topentry_category_no>");
    feed.setNumEntries(10);
    feed.load(function(result) {
        if (!result.error) {
          var container = document.getElementById("feed");
          for (var i = 0; i < result.feed.entries.length; i++) {
            var entry = result.feed.entries[i];
            var div = document.createElement("li");
            var a = document.createElement("a");
            a.href = entry.link;
            a.appendChild(document.createTextNode(entry.title));
            div.appendChild(a);
            container.appendChild(div);
          }
        }
      });
  }
  google.setOnLoadCallback(initialize);
  
  </script>
 <div id="feed"></div>
<!--/topentry-->
APIキーはGoogle AJAX Feed API へ登録して取得してください。<!--topentry--> は場合によっては必要ありませんのでご注意ください。今後もう少しカスタマイズする方法を紹介するのでご期待ください。
日付の表示方法はこちらをどうぞ
Google AJAX Feed APIでRSSフィードの日付も表示
フィードやTwitterで最新情報をチェック
follow us in feedly
この記事に付いているタグの最新記事一覧
loading...
コメント
非常に参考になりました。
早速使わせていただきます。
【2010/03/24 16:21】 | symfoware #- | [edit]









※コメントはご意見ご感想や間違いのご指摘等にしていただけますようお願いいたします。コメントを確認する時間がなく、技術的なご質問をいただいても答えできません。申し訳ございませんがご理解のほどお願いいたします。

Recent Entry
Popular Entry
  • このエントリーをはてなブックマークに追加
  • このエントリーをはてなブックマークに追加
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。