Bloggerトップページを新着記事リストにする(2)：テンプレートを整形する

前項ではブログ情報をJSONオブジェクトとして取得する方法を取り上げました。

取得したオブジェクトはjavascriptで整形して表示するわけですが、その前に、はき出す先のBloggerテンプレートを作成します。

Bloggerテンプレートを整形する

まず、当ブログのテンプレートにて、<b:includable id='post' var='post'>の閉じタグの下付近に、includable要素として以下のように追加しました。



（newest-post-detailの中で記事本文が本文とサムネイルおよび概要に分かれているのは、こちらの記事のレイアウトを使用しているためです。）


次に、宣言したincludable要素を挿入する箇所を指定します。

当ブログでは記事の表示部分を「現在表示しているURLがブログのホームページであるか」という判断文で区切り、ホームページである場合のみ新着記事一覧を表示する、というように修正しました。
（既存のテンプレートを改造する場合は、本文中の<data:defaultAdStart/>～<data:adEnd/>の間を編集するとよいでしょう）



「ブログでは3件表示なのに、1件ぶんしか書かれていないじゃないか、ループもないし」
とのご指摘もあるかと思われます。

しかし、ここで定義したnewest-post-detailはあくまで雛形であり、実際の記事はこの要素をコピーしてjavascript側で生成するため、問題はありません。