WordPress Social Button で検索するとプラグイン「WP Social Bookmarking Light」を使用されている記事が多数出ていました
国産であり、数多くのButtonを設置できるプラグインです
もし、自分でプラグインを使わずに設置できなければ使うと思います。
何とかプラグイン無しでSocialButtonを設置できたお話。

以前 WordPress や MovableType で設置していたタグをPCから探しだし現在も使用可能な物を設置

はてなブックマーク
<a href="http://b.hatena.ne.jp/append?<?php the_permalink() ?>" title="はてなブックマーク">はてな</a>
Buzzurl
<a href="http://buzzurl.jp/entry/<?php the_permalink() ?>" title="Buzzurlにブックマーク">Buzzurl</a>
livedoorクリップ
<a href="http://clip.livedoor.com/redirect?link=<?php the_permalink() ?>&title=<?php the_title(); ?>" title="クリップ!">livedoorクリップ</a>
Delicious
<a href="http://del.icio.us/post?url=<?php the_permalink();?>&title=<?php the_title();?>" title="Delicious">Delicious</a>
イザ
<a href="http://www.iza.ne.jp/bookmark/add/regist/back/<?php the_permalink();?>" title="イザ!">イザ</a>
digg
<a href="http://www.digg.com/submit?phase=2&url=<?php the_permalink();?>" title="digg">digg</a>
Twitter
<a href="http://twitter.com/intent/tweet?text=RT @あなたのTwitterID <?php the_title(); ?> <?php the_permalink();?>" title="Twitterでつぶやく">Twitterでつぶやく</a>
facebook
<div id="fb-root"></div>
<script>(function(d, s, id) {
	var js, fjs = d.getElementsByTagName(s)[0];
	if (d.getElementById(id)) return;
		js = d.createElement(s); js.id = id;
		js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
		fjs.parentNode.insertBefore(js, fjs);
	}(document, 'script', 'facebook-jssdk'));
</script>
<div class="fb-like" data-href="<?php the_permalink(); ?>" data-send="false" data-layout="button_count" data-width="50" data-show-faces="false"></div>
Google+1
<g:plusone size="medium" data-href="<?php the_permalink() ?>"></g:plusone>

文字部分を自作アイコンに変更もできます(Google+1 と facebook)以外
facebook の場合タグを他のに変えれば自作アイコンも使用可能
Google+1は色々調べてみたのですが・・・無理っぽい?

自作アイコンにする場合
各タグの文字の箇所にイメージタグを入れるだけです
例:はてなブックマーク
<a href="http://b.hatena.ne.jp/append?<?php the_permalink() ?>" title="はてなブックマーク"><img src="<?php bloginfo( 'template_url' ); ?>/image/hatena.png" alt="はてなブックマークに登録" width="横幅" height="縦幅" border="0" /></a>
↑みたいな感じで

上記タグ一式を表示したい箇所へ追加するだけです
「single.php」などなど

また「functions.php」へ追加して呼び出す事もできます
functions.php
function SocialButton()
{ ?>
ソーシャル呼び出し(上記の一式)
<?php }
表示したい箇所へ下記を追加
<?php SocialButton(); ?>

この設置の中で Twitterのつぶやきタグ内で短縮URL(bit.ly)を使用できていたのですが・・・
bit.ly のヴァージョンも変わっていたりして使用方法がわからず><
Webデザインレシピさんの+アルファのWordPress カスタマイズハック記事内「5. ショートURLでツイートボタン」を利用していました
Twitterの短縮URL仕様変更等も関係有るのかもしれませんが・・・
bit.ly が使用できないのは残念です(ツイートの見た目だけなのかもしれませんが
ブログからのつぶやきで短縮URLを使える方法ご存知の方いらっしゃいましたら、是非教えてください!

即解決しました!Webデザインレシピさんの高橋のりさんから直々にコメントを頂きまして、再度設置してみた所 bit.ly での短縮URLを使用しつぶやくことができました♪
WordPressのプラグイン、ウィジットなしで追加できる機能7つにある、「6. ソーシャルブックマークアイコンを表示する」
functions.php
function tweet_this_short_url() {
$long_url = get_permalink();
$req = "http://api.bit.ly/shorten?login=あなたのID&apiKey=あなたのR_からはじまるキー&version=2.0.1&longUrl=".$long_url;
	$contents = file_get_contents($req);
	if(isset($contents)) {
		$url = json_decode($contents, true);
	}
echo $url['results'][$long_url]['shortUrl'];
}
設置したい箇所へ
<a href="http://twitter.com/intent/tweet?text=<?php the_title(); ?> <?php tweet_this_short_url(); ?> via @あなたのTwitterID" target="_blank">Twitterつぶやく</a>
自作アイコン使用の場合
<a href="http://twitter.com/intent/tweet?text=<?php the_title(); ?> <?php tweet_this_short_url(); ?> via @あなたのTwitterID" target="_blank"><img src="<?php bloginfo( 'template_url' ); ?>/image//twitter.png" alt="Twitterつぶやく" width="横幅" height="縦幅" border="0"></a>


以上です。

2012/01/18 Wordpress
2012/01/18 , , ,
Comments(2)
関連記事