2013年2月8日金曜日

記事一覧ページを作成する

サイトマップというか、記事の一覧を表示するページを作成したいときに利用します。

ページ > 新しいページ から、空白のページ をクリックします。

ページタイトルに任意の名前を付け(記事タイトルと同じ扱いですね)、
「HTML」を選択し下記のコードを貼り付けます。

<script type="text/javascript">
function showTitles(root) {
var tags = "<ul style='font-size:12px;'>";
for (var i = 0; i < root.feed.entry.length; i++) {
var link = "";
for (var j = 0; j < root.feed.entry[i].link.length; j++) {
if (root.feed.entry[i].link[j].rel == "alternate" && root.feed.entry[i].link[j].type == "text/html") {
link = root.feed.entry[i].link[j].href;
break;
}
}
tags += '<li>'+root.feed.entry[i].published.$t.slice(0,10)+' : <a href="' + link + '">' + root.feed.entry[i].title.$t +
'</a></li'+'>';
}
tags += '</ul'+'>';
document.writeln(tags);
}
</script><br />
<script src="http://あなたのブログURL/atom.xml?redirect=false&max-results=500&alt=json-in-script&callback=showTitles" type="text/javascript">
</script>

3行目にある<ul>タグに記述されたCSSの文字サイズやリストスタイルを変更すれば
もっと読みやすくなるかもです。