2011年6月2日

WordPressに自分の好きなツイートボタンをつける

投稿者: 管理者

WordPressにツイートボタンをつけたい。
以下の公式サイトで発行されるソースコードを取得する・・・と、

http://twitter.com/goodies/tweetbutton

ご存知の「ツイートする」ボタンが表示されます。
もちろんツイッターに自身のアカウントでログインしてる前提ですよ。
tweet

ソースはこんな具合です。

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

data-via=”xxxxx” はアカウント名が入っています。
class=”twitter-share-button” のクラス名をとっぱらって、Tweetの文字をイメージタグで置き換えれば、好きなボタンになります。

<a href="http://twitter.com/share" data-count="none" data-via="xxxxx"
 data-lang="ja"><img src="<?php bloginfo('template_url'); ?>
/images/画像ボタンファイル名" alt="" title="" border="0" /></a>
<script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>

画像ファイルへのパスは、ご自身のサイトにより、違う場合があります。
僕の場合、サイドバーに設置し、画像ファイルは使用しているテーマの中のimagesフォルダにあるという状況です。(このブログにての設置の話しではありません)
CSSとソースをちょと読めればわかる、簡単なことですけどね。
デザイン上、どうしても公式ボタンではなく、ちがうデザインのボタンをつけたいときに。

僕の場合、付けざるをえない場合があり、ちょっと記述してみました。

通常は、コレ↓

別デザインボタンは、コレ↓

見慣れたボタンを変えてしまうのは、まちがいなくユーザビリティを下げます。
下のボタンなんかは、ふつうはツイッターページへのリンクを設定すべきようなものなのでしょうかねぇ。どうなんでしょ。。。