yoppa.org


immediate bitwave

Blog

Tweet buttonを貼ってみた

深津さんのblogのエントリーに触発されて、yoppa.orgの各ページの右肩にTwitterのオフィシャルボタンを貼ってみた。いままで貼っていたTopsy Retweet Buttonは、引退。機能に関しては、fladdictさんのエントリーが詳しいのだけれど、これをWordPressのページに適用するやりかたは、下記のとおり。

基本は、Tweet buttonのページで生成したコードを追加するだけ。具体的には、WordPressのDashbordの「Appearance」→「Editor」で、Page Template (pages.php) と、Single Post (single.php) のそれぞれの張り込みたい位置に、生成されたコードを貼りつける。

僕の場合は、タイトルの下に右寄せで入れたかったので、こんな感じになりました。

<h1 class="contentTitle"><?php the_title(); ?></h1> //コンテントタイトル
<!-- tweet button test --> //ここから貼りつけたコード
<div style="float:right;margin-left:1em">
<a href="http://twitter.com/share" class="twitter-share-button" data-count="vertical" data-via="tadokoro">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>
</div>
<!-- /tweet button test --> //ここまで

これだけでOK。でも、すぐにPluginがでるのではないかと思う。

追記(10.08.17):早くもWPのプラグインになりました。WP Tweet Button。なんとういう素早さ。