前回の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>
と書き出しているので、必要に応じて追加削除するといいです。
意外と簡単に設置できるので、プラグインなしでいけてうれしい。