Tags SBM, ソーシャルブックマーク, プラグイン

有名なwp-hatenaなど、その他プラグインも何種類か公開されているので、それぞれ導入して試してみました。
どのプラグインも素晴らしいのですが、twitterなどに対応していなかったりと、欲しいSBMが無い場合は、プラグインが対応するのを待つか自分で改造するしか方法がありません。
かといって、各テンプレートにゴリゴリとボタン設置のコードを書くのもめんどくさいし、ソースも汚くなるし。。
あれこれ思案してみたのですが、自分なりにこの方法に辿り着きました。
プログラムのスキルもほぼ必要の無い方法なので、お試しあれ。
インクルードしてくれる関数は無いかな?と探してたらいい関数がありました。
WordPress Codex:その他のテンプレートの読み込み
まず、SBSボタン表示用のコードを記述したファイルを作成します。
SBS-template.php(←ファイル名は適宜お好みでOK)
<!-- はてな -->
<a href="http://b.hatena.ne.jp/append?<?php the_permalink() ?>">
<img src="http://d.hatena.ne.jp/images/b_entry.gif" alt="このエントリをはてなブックマークに登録" width="16" height="12" border="0" />
</a>
<a href="http://b.hatena.ne.jp/entry/<?php echo get_permalink(); ?>">
<img src="http://b.hatena.ne.jp/entry/image/<?php the_permalink() ?>" />
</a>
<!-- Buzzurl -->
<a href="http://buzzurl.jp/entry/<?php the_permalink() ?>">
<img alt="このエントリをBuzzurlにブックマーク" src="http://buzzurl.jp/static/image/api/icon/add_icon_mini_08.gif" />
</a>
<img src="http://api.buzzurl.jp/api/counter/<?php the_permalink() ?>" />
<!-- Yahoo!ブックマーク -->
<?php echo '
<a href="http://bookmarks.yahoo.co.jp/action/bookmark?t='.urlencode(the_title('','',false)).'&u='.urlencode(get_permalink()).'">
<img src="http://i.yimg.jp/images/sicons/ybm16.gif" width="16" height="16" alt="Yahoo!ブックマークに登録" style="border:none;" />
</a>';
?>
<a href="http://bookmarks.yahoo.co.jp/url?url=<?php the_permalink();?>">
<img src="http://num.bookmarks.yahoo.co.jp/image/small/<?php the_permalink() ?>" />
</a>
<!-- livedoor -->
<a href="http://clip.livedoor.com/clip/add?link=<?php the_permalink() ?>&title=<?php the_title(); ?>&jump=ref">
<img src="http://parts.blog.livedoor.jp/img/cmn/clip_16_16_w.gif" alt="このエントリをlivedoorクリップに登録" width="16" height="16" />
</a>
<a href="http://clip.livedoor.com/page/<?php echo get_permalink(); ?>">
<img src="http://image.clip.livedoor.com/counter/small/<?php the_permalink() ?>" />
</a>
<!-- del.icio.us -->
<a href="http://delicious.com/save" onclick="window.open('http://delicious.com/save?v=5&noui&jump=close&url='+encodeURIComponent('<?php the_permalink() ?>')+'&title='+encodeURIComponent('<?php the_title() ?>'),'delicious', 'toolbar=no,width=550,height=550'); return false;">
<img src="http://static.delicious.com/img/delicious.small.gif" height="10" width="10" alt="Deliciousにブックマーク" />
</a>
<a href="http://delicious.com/url?url=<?php echo get_permalink(); ?>">
<img src="http://labs.creazy.net/sbm/delicious/textimg/<?php the_permalink() ?>" />
</a>
<!-- newsing -->
<a href="http://newsing.jp/nbutton?title=<?php the_title(); ?>&url=<?php the_permalink() ?>">
<img src="http://image.newsing.jp/common/images/newsingit/newsingit_s.gif" width="16" height="16" alt="このエントリをnewsing it!へ追加" />
</a>
<!-- Twitter -->
<a href="http://twitter.com/home/?status=読んだ!+「<?php the_title(); ?>」+<?php the_permalink() ?>" title="Twitterに投稿する">
<img src="<?php bloginfo('template_directory'); ?>/images/twitter.png" style="border:0" alt="twitterに投稿する" />
</a>
作成したテンプレートファイルを、使用中のテーマフォルダに置きます。
で、single.phpなどの表示したい箇所に以下を追加します。
<?php include (TEMPLATEPATH . '/SBS-template.php'); ?>
この方法なら、わりと簡単に出来るでしょ?
SBMに限らず、色々な事に応用出来ると思います。
–参考リンク–
はてな
自分のブログに「↑B」アイコンを表示する
自分のブログに「○○users」を表示する
Buzzurl
ブックマークアイコンの取り付け
Yahoo!ブックマーク
WordPressに人数表示ブログパーツを設置する
livedoor クリップ
ブログに「clip!」ボタンを設定しよう!
クリップ数を画像で取得する API
delicious
Save Buttons
newsing
ピックアップボタン設置方法
RSS feed for comments on this post · TrackBack URI
Leave a reply