2010年版ソーシャルブックマークをWordPressに手動設置 | 東京都世田谷区 ホームページ制作 [k]id

2010年版ソーシャルブックマークをWordPressに手動設置

Category WEB Tips Update 2011.01.12

twitterfacebookgoogle+はてなブックマークPocketであとで読むfeedlyで購読

ソーシャルブックマークはとても便利で、「デザイン用」や「WEB用」などカテゴリ別にYahooやハテブなど使い分けてきたのですが、twitterなどを使い始めてtwiterがブックマーク的な使い方になってしまい、
そんなにいっぱいブックマークサイトを利用しなくてもいいかな、、、と

ということで今年はソーシャルブックマークサイトを3個に減らすことにしました。

ついでにWordPressに設置するためのコードを乗っけておきます。
single.phpとかに記述するといい感じです。
(デザインとカスタマイズの問題からプラグインを使わない方が好き勝手配置できるもので、、)

このエントリーをはてなブックマークに追加 はてなブックマーク

一番利用させていただいているはてなブックマークから

<a href="http://b.hatena.ne.jp/entry/<?php the_permalink() ?>" class="hatena-bookmark-button" data-hatena-bookmark-title="<?php the_title(); ?>" data-hatena-bookmark-layout="simple" title="このエントリーをはてなブックマークに追加"><img src="http://b.st-hatena.com/images/entry-button/button-only.gif" alt="このエントリーをはてなブックマークに追加" width="20" height="20" style="border: none;" /></a>
<script type="text/javascript" src="http://b.st-hatena.com/js/bookmark_button.js" charset="utf-8" async="async"></script>
Googleブックマーク

Googleリーダーと合わせて使いやすいGoogleブックマークのボタンです。

<a href="http://www.google.com/bookmarks/mark?op=edit&bkmk=<?php the_permalink() ?>&title=<?php the_title(); ?>" target="_blank"><img alt="" src="http://www.google.co.jp/favicon.ico" border="0" width="20" height="20" />
</a>
Yahoo!ブックマークに登録Yahoo!ブックマーク

del.icio.usとの合併?の噂もあるYahoo!ブックマークです。

<a href="javascript:void window.open('http://bookmarks.yahoo.co.jp/bookmarklet/showpopup?t='+encodeURIComponent(document.title)+'&u='+encodeURIComponent(location.href)+'&ei=UTF-8','_blank','width=550,height=480,left=100,top=50,scrollbars=1,resizable=1',0);"><img src="http://i.yimg.jp/images/sicons/ybm16.gif" width="20" height="20" alt="Yahoo!ブックマークに登録" style="border:none;">
</a>
ページトップへ
kid