Tech Racho エンジニアの「?」を「!」に。
  • 開発

Twitterの公式ツイートボタンをブログに入れよう

TweetmemeやTopsyと競合するツイートボタンが、Twitter公式で公開されました。

特長は、

・Tweetmemeなどと同じく、ボタンを押すとツイートできる
・ツイート数の表示は、上・右・無し の3種類から選べる
・ツイート後、指定ユーザをフォローするようにおすすめする

といったところですね。

試しに貼ってみました。社長用です。

ボタンを押すとツイート画面へ

ボタンを押すとツイート画面へ

ツイート後、piichan1031をフォローしていない人は、フォローするように言われます

ツイート後、piichan1031をフォローしていない人は、フォローするように言われます

公式らしく、機能はシンプルですが、デザインや動作速度は良い感じですね!

WordPressに入れる方法

テーマファイルを編集する場合、single.phpにはそのまま出力されたものを貼り付ければOKです。

<a href="http://twitter.com/share" class="twitter-share-button"
data-count="horizontal" data-via="piichan1031" data-lang="ja">Tweet</a>
<script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>

index.phpにも付けたい場合は、一覧ページではなく記事ページをツイートできるようにするため、以下のようにpermalinkを設定します。

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

カスタマイズ方法も公開されています


CONTACT

TechRachoでは、パートナーシップをご検討いただける方からの
ご連絡をお待ちしております。ぜひお気軽にご意見・ご相談ください。