WordPress

tumblrをwordpressのサイドバーに表示する

前回の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&#91;"posts"&#93;&#91;i&#93;&#91;"photo-url-75"&#93;;
  url = tumblr_api_read&#91;"posts"&#93;&#91;i&#93;&#91;"url"&#93;;
  caption = tumblr_api_read&#91;"posts"&#93;&#91;i&#93;&#91;"photo-caption"&#93;;
  date = tumblr_api_read&#91;"posts"&#93;&#91;i&#93;&#91;"date"&#93;;
  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>

と書き出しているので、必要に応じて追加削除するといいです。
意外と簡単に設置できるので、プラグインなしでいけてうれしい。

  • この記事を書いた人

ゆず

忘れないように自分の覚書と、誰かも困っているかもしれないので参考になればいいなくらいの軽い備忘録です。
一杯おごる

-WordPress