retweetボタンとaddTumblrボタンを付けてみた

最近、有名ブログさんらがretweetボタンやaddTumblrボタンを付け始めたので、自分も重い腰を上げて付ける事にしました。

で、ちょっと時間がかかった事があったのでメモ的にエントリーしておきます。

まず、addTumbrボタンはmellow_blogさんの所で簡単にできました。

リンク：自分のブログに「Tumblrに追加するボタン」を設置する

これは良かった。問題はretweetだったorz

////////////////////////////////////////

まず、ちゃちゃっと調べた感じ、すぐに調べられた方法はこの2つだった。

• 見ているページをTwitterに投稿するBookmarkletとブログ用ボタン
• TweetMeme Button

で、自分の希望の形は、普通にretweetできて、自分の@付きのポストをしてくれるretweetボタンです。

まず、上のCreazy!作のretweetボタンは自分の一番理想に近い形。自分である程度カスタマイズもできる。しかし、問題はURLの長さだった。

自分のブログは先日パーマリンクを記事IDから記事名に変更した。それ故、日本語を含むURLなので必然的にロングロングなURLになってしまう。

普段から使っているクライアントなんかは、自動的に短縮URL(tinyurlとかbitly)に変換してくれる。

だけどこのスクプリトにはそんな機能付いていないし、自分でAPIとかどうこうしてする腕も無いorz

なので、他のボタンを探す事に。

////////////////////////////////////////

次に見つけたのは簡単にretweetボタンを追加する事ができるTweetMeme Button。が、これは自分の中でNOだった。

なによりボタンのデザインが固定される。そのボタンはDiggスタイルなので悪くは無いのだけど良くは無い。自分はミニバナー的な物にしたかったからです。なんとかデザインを変更する方法を探してみましたが、どうも無理っぽい。

それに、これは自動的に@TweetMemeが付くよう。むぅ、これもダメかぁorz

////////////////////////////////////////

なので色々と探していたらこんなページを見つけた。

リンク：twitterで「これつぶやいて！」というリンクの作り方

うは、このretweetボタンって割と簡単に作れるんですねorz

と言う事は、後は短縮URLの作り方だ。これはかなり強引にやりました。

まず、Javascriptで簡単に生成できるらしいのですが、自分にJavascriptの知識は無い(´μヽ)　なので、自前でなんとか短いURLをリダイレクトさせる方法を考えた。

で、<?php the_ID(); ?>で記事IDを呼び出せる事は知っていたので、『http://ドメイン/記事ID.html』というURLから現在の『http://ドメイン/カテゴリー/記事名.html』にリダイレクトさせる事に。

このリダイレクトにはWordPressのプラグインPermalink Redirect Managerを使用しました。Old Permalink Structures:の部分を%post_id%.htmlに設定して保存。これでリダイレクトが可能に。

後はリンクの作成、

<a href=”http://twitter.com/home?status=RT @tatsuro_eii : <?php the_title(); ?> http://essaysinidleness.net/<?php the_ID(); ?>.html”>

こんな感じでretweetボタンを設置できました(´μヽ)

うーん。我ながら無理矢理な出来だw

ちなみに画像は急ですが自分で制作してみました。大きめのボタンがよかったから。

というわけで、「お」という記事があった時、よろしければretweetかaddTumblrボタンをご利用ください(´μヽ)

それでは。