前回のInstagramをwordpressに表示すると同様、タンブラーも表示したいと思い早速メモメモ
<ul>
<script type="text/javascript" src="http://タンブラーの名.tumblr.com/api/read/json?num=5&type=photo"></script>
<script type="text/javascript">
show_number = 5;
for (i = 0; i < show_number; i++) {
label = tumblr_api_read["posts"][i]["photo-url-75"];
url = tumblr_api_read["posts"][i]["url"];
caption = tumblr_api_read["posts"][i]["photo-caption"];
date = tumblr_api_read["posts"][i]["date"];
document.write('<li><a href="', url , '"><img src="' , label , '"></a>' , caption , date , '</li>');
}
</script>
</ul>
参照：Tumblrに投稿した写真をブログのサイドバーに表示する
タンブラーの名のところは●●●.tumblr.comという自分のタンブラーURLの頭についてるアカウント（？といっていいのかわからないけれど･･･）をいれます。
自分は独自ドメインを当てているので、●●●.tumblr.comの部分をごっそり自分のタンブラーで利用しているドメインに変更しました。
1行目のnum=5とshow_number = 5;の数字は表示数。同じにします
photo-url-75は表示画像のサイズ。75のほかに、100、250、400、500、1280も利用できるよう。
captionは説明部分が入り、dateは投稿日時が表示されます。
document.writeの部分で
<li><a href="ページ先"><img src="タンブラーにアップした画像"></a>説明 , 投稿日時</li>
と書き出しているので、必要に応じて追加削除するといいです。
意外と簡単に設置できるので、プラグインなしでいけてうれしい。
