2010年08月13日

以前よりサードパーティ製のボタンは付けておりましたが、このほど Twitter 公式のボタンが提供開始されたとのことで、ウチにも付けておきました。
これまではエントリ本文の右上に小細工したアンカーによって『呟き』ボタンとしていたワケですが、ここをただの『t』アイコンではなく、カウンター付きの公式なボタンに置き換えました。
で、その時に WordPress の個別エントリの情報を拾えるように設定してやり、今までと同様の動作をしつつ、今後は正式版なら出羽の短縮機能も活用しましょう、と云うコトで。
なお、コード生成は http://twitter.com/tweetbutton から各自どうぞ。

clip IT!
from Twitterブログ
「ツイートボタンでリンクを簡単に共有しよう」
via ITmedia News
「Twitter、公式「Twitter Button」を発表」
via TechCrunch JP
「Twitterが独自のツイートボタン提供開始―元のURLの一部が表示されるのはうれしい」

で、実際のやり方は次の通り。

1. ボタン作成ページ http://twitter.com/tweetbutton にアクセス
   (各位の設定言語に合わせ、以下のスクリーンショットは適宜読み替えで)
2. 『ボタン』のカウント数の縦/横/非表示を選択します
   
3. 『ツイート内テキスト』として各エントリのタイトルを入れ込めるよう、 <?php the_title(); ?> と入力
   
4. 『URL』にも同様に、 <?php the_permalink(); ?> と入力
   
5. 『言語選択』は各自のお好みで
   
6. フォロー候補の表示用に自分のアカウント名などを入れて、生成されたコードをコピー
   
7. 生成されたコードをテンプレートの任意の場所に埋め込み

と、ザッとまあこんな感じです。
実際に生成されたコードを見ていくと、あとから簡単に調整出来るコトが見て取れますね。

<a href="http://twitter.com/share"
 class="twitter-share-button"
 data-url="<?php the_permalink(); ?>"
 data-text="<?php the_title(); ?>"
 data-count="horizontal"
 data-via="laresjp"
 data-lang="ja">
Tweet</a>
<script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>