2011年6月2日
WordPressに自分の好きなツイートボタンをつける
WordPressにツイートボタンをつけたい。
以下の公式サイトで発行されるソースコードを取得する・・・と、
http://twitter.com/goodies/tweetbutton
ご存知の「ツイートする」ボタンが表示されます。
もちろんツイッターに自身のアカウントでログインしてる前提ですよ。
ソースはこんな具合です。
<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とソースをちょと読めればわかる、簡単なことですけどね。
デザイン上、どうしても公式ボタンではなく、ちがうデザインのボタンをつけたいときに。
僕の場合、付けざるをえない場合があり、ちょっと記述してみました。
通常は、コレ↓
Tweet
見慣れたボタンを変えてしまうのは、まちがいなくユーザビリティを下げます。
下のボタンなんかは、ふつうはツイッターページへのリンクを設定すべきようなものなのでしょうかねぇ。どうなんでしょ。。。