設置簡単！常にソーシャルシェアボタンが表示されるようにしてみたの巻 WordPress ShareBar

ソーシャルシェアのボタン設置は簡単でした

ネットで調べてみると、フローティングして常に表示するソーシャルボタンがあることが判りました
これは、なかなか便利じゃないかと！

早速、やってみましょう
今回、ソーシャルボタンで表示するのは３種類
FaceBook、Twitter、はてなブックマークです

【準備するもの】
・WORDPRESS ShareBar

で、やることは、２つ
はてなブックマークボタンの取得とShareBarの設定です

設定画面でShareBarで探します

ShareBarを探したらインストール

設定画面でShareBarで探します

次はActiveボタンで有効化

PlugInの画面でShareBarを選択すると表示するボタンが現れます　
ここではFaceBookとTwitterを選択して有効化

これが今までの画面

で、有効にすると出現
でも、はてなブックマークが表示されないのと、FaceBookの枠が途切れているので追加と修正します

まず、はてぶの設定から
はてぶのページからボタンの設定を作成・コピーします

はてなブックマークの設定については、こちらから
はてなブックマークボタンの作成・設置について

大小それぞれのアイコンで作成して、ShareBarの追加ボタンから追加設定画面を呼び出し、コピペ

あと、FaceBookの設定も呼び出し、値を修正します
幅が足りないので拡大します

こちらはBigButton

<iframe src="http://www.facebook.com/plugins/like.php?href=[url]&layout=box_count&show_faces=false&width=65&action=like&colorscheme=light&height=45" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:70px; height:65px;" allowTransparency="true"></iframe>

こちらはSmallButton

<iframe src="http://www.facebook.com/plugins/like.php?href=[url]&layout=button_count&show_faces=false&width=120&action=like&colorscheme=light&height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:120px; height:21px;" allowTransparency="true"></iframe>

Widthの値を変えただけなんですけどね

と、なると設定画面では正常表示されるようになります

で、ちゃんと途切れることなく、はてぶも表示されるようになりました

このフローティングするソーシャルボタンは良いのですが、トップページ（INDEXページ）で表示されないので、いずれ修正しないといけませんね

【参考にしたページ】
常にソーシャルネットワークでの共有をアピール: WordPressのSharebarプラグイン | ブログヘラルド

WordPressにソーシャルメディアボタンを設置できるプラグインSharebarを入れた | UnTrois