あむちょです。

そろそろブログをちゃんとした感じにしようかとおもいます。

最近、知り合いからWordPressによるブログの構築をたのまれたので、勉強がてらSNSとの連携をとりいれてみました。

今回あらたに入れたプラグイン、

Tweet, Like, Share and Google +1 Option Page

上のようなボタンが追加されるので、だれかがボタンを押した時にSNS経由のアクセスが期待できるやつです。

デフォルトでは、Twitter,FaceBook,Google+,Linkedinと好きなのをひとつ追加できます。今回は、はてなブックマークを追加してみました。

設定方法はまずは表示項目の選択。

FaceBookに関しては、言語をJapaneseにしとくと「Like」から「いいね」にかわります。今回は、はてなブックマークを追加したいので、6番のDisplay Custom Buttonsも選択。

お次はサイズと位置。

完全に好みです。Alignmentで位置と回り込みを指定します。
Vertical Scrolling sidebarを有効にすると立て向きで常に画面内に表示されます。

それと、モバイル用プラグインWPTouchを使っていると、標準でSNSボタンがついてくるので、Disable on Mobile Browserにチェック。

最後にAdd your own Custom Buttonsで、はてなブックマークボタンを追加。

以下のコードを貼付けます。

&lt;br /&gt;&lt;a class=&quot;hatena-bookmark-button&quot; title=&quot;このエントリーをはてなブックマークに追加&quot; href=&quot;http://b.hatena.ne.jp/entry/%%URL%%&quot; data-hatena-bookmark-title=&quot;%%TITLE%%&quot; data-hatena-bookmark-layout=&quot;vertical-balloon&quot; data-hatena-bookmark-lang=&quot;ja&quot;&gt;&lt;br /&gt;    &lt;img style=&quot;border: none;&quot; alt=&quot;このエントリーをはてなブックマークに追加&quot; src=&quot;http://b.st-hatena.com/images/entry-button/button-only@2x.png&quot; width=&quot;20&quot; height=&quot;20&quot; /&gt;&lt;br /&gt;&lt;/a&gt;&lt;br /&gt;<br />
&lt;script charset=&quot;utf-8&quot; type=&quot;text/javascript&quot; src=&quot;http://b.st-hatena.com/js/bookmark_button.js&quot; async=&quot;async&quot;&gt;&lt;/script&gt;<br />
&lt;br /&gt;

これではてなブックマークが追加されます。新着エントリーにのれば、かなりのアクセス数が期待できるらしいです。

ボタンを押した時の動作は

実際に下の方にあるボタンをおしてみてはどうだろうか

[ad][ad]