WP Social Bookmarking Lightでボタンを表示する位置を右側に変更する方法。

追記:バージョンアップによって管理画面内で左右の位置の変更ができるようになっています。なので、もう以下のような面倒なことをする必要はないです。

周りから何周か遅れて、やっとフェイスブックやツイッターのボタンをワードプレスのブログにつけようと思いプラグインを物色してみた。
一番使いやすかったのはWP Social Bookmarking Lightというプラグイン。WORDPRESSの管理画面内のプラグインの新規追加より、検索してインストールまでできる。

メインの機能はシンプルでわかりやすく、よくできてるんだけど、ボタンを表示する位置の基本が左側になっていて、WP Social Bookmarking Light内の設定画面内では変更できない。
デザインの関係でどうしても右寄せで表示したかったので、いろいろいじってたら取り敢えず解決したのでメモ。

WORDPRESSダッシュボード内の左下にある、「プラグイン」のメニュー内にある、「プラグインの編集」をクリック

「プラグイン編集」の画面が出てくるので、右上にある「編集するプラグインを選択」から、「WP Social Bookmarking Light」を選び、すぐ右横にある「選択」ボタンを押す。

WP Social Bookmarking Lightの編集画面が出てくる

ダッシュボード内の一番右側に表示されている「プラグインファイル」という文字の下にあるファイル名のリスト内にある「wp-social-bookmarking-light/modules/content.php」をクリック。

「wp-social-bookmarking-light/modules/content.php の編集」という画面が出てくる。

ファイルの内容が表示されているので、真ん中より少し下にある、
<style type=”text/css”>
で始まり、
</style>
で終わる部分を見つける。

その中で、表示位置を決めてあるので、
div.wp_social_bookmarking_light div{float:left !important;border:0 !important;padding:0 4px 0px 0 !important;margin:0 !important;height:21px !important;text-indent:0 !important;}
上記の太線の部分を以下のようにleftからrightに変更する(わかりやすいように太線にしただけで、実際は太線ではない)

float:left→float:right

最後に下の方にある青っぽい色の「ファイルを更新」ボタンを押して全て終了。
ちゃんとfacebookとtwitterのボタンが右側に表示されているはず。

コメントを残す