ソーシャルボタン”Share On Tumblr”をWordPressに入れる方法

share on tumblr

TumblrがTumblr版のFacebook Shareボタン、その名も「Share On Tumblr」を公開した。僕自身はそこまでハードなTumblrユーザーでもないが、せっかくなので導入してみることにした。

ご覧の通り、無事反映することが出来たのだが( @ikm ありがとう!)、まだ情報が少なく苦労したので、WordPressにShare On Tumblrの導入方法について書いておく。基本的にはTumblr Blogに書いてある手順に沿って進めて導入した。

1.bodyタグの始まる直前に下記コードを書く

僕の場合はheader.phpの中にbodyタグが始まってたので、その前に書いてある。

<script type="text/javascript" src="http://platform.tumblr.com/v1/share.js"></script>

2.post.phpに下記コードを書く ※permalink要注意

Tumblr Blogに書いてあった通りに導入したはずが、URLのpermalinkがurlencodeされなくてURLを正常に送ることが出来なくて困っていた。色々と試行錯誤した結果、どうやらget_permalink(get_the_ID()))という書き方をしないとうまくurlencodeしてechoされないらしい。PHP難しいな。

	<a href="http://www.tumblr.com/share/link?url=<?php echo urlencode(get_permalink(get_the_ID())) ?>&name=<?php echo urlencode(get_the_title()) ?>&description=<?php echo urlencode(" ") ?>" title="Share on Tumblr" style="display:inline-block; text-indent:-9999px; overflow:hidden; width:20px; height:20px; background:url('http://platform.tumblr.com/v1/share_4.png') top left no-repeat transparent; vertical-align:top;">Share on Tumblr</a>

【2011.05.12 21:07 更新】
一部コードが間違っていたようでして、大変失礼いたしました。 下記を使ってもらえればバグもなく、かつ、descriptionもちゃんと投稿出来るようになります。@sanojimaru さん、ご指摘・修正いただきありがとうございます!!

WordPressにtumblrボタンを入れる|sanojimaru.com

<a href="http://www.tumblr.com/share/link?url=<?php echo urlencode(get_permalink(get_the_ID())) ?>&name=<?php echo urlencode(get_the_title()) ?>&description=<?php echo urlencode(mb_substr(strip_tags(get_the_content()), 0, 140))?>" title="Share on Tumblr" style="display:inline-block; text-indent:-9999px; overflow:hidden; width:20px; height:20px; background:url('http://platform.tumblr.com/v1/share_4.png') top left no-repeat transparent; vertical-align:top;">Share on Tumblr</a>  

WordPressを使っていてTumblrボタンを導入してみたい人は参考にしてみてくださいな!

(via TechCrunch

もっと読むWordPressまとめ
あわせて読みたい