[WP]TwitterやFacebook、mixi、Lineなどのソーシャルボタンを一元管理できるプラグインWP Social Bookmarking Light

WordPress
スポンサーリンク

Twitterの「ツイート」やFacebookの「いいね!」の他、mixiやはてなブックマークなどの各種ソーシャルボタンを一元管理できるWordPressプラグインがWP Social Bookmarking Lightです。

結構前からあるプラグインですが、「Line」を含めて着々と連携できるサービスが増えていっているので、ソーシャルボタンの管理はこのプラグイン1つでだいぶ楽になるような気がします。

WP Social Bookmarking Lightのインストール

WordPress管理画面のプラグイン新規追加よりWP Social Bookmarking Lightを検索するか、以下よりプラグインファイルをダウンロードします。
WP Social Bookmarking Light


WP Social Bookmarking Lightの基本設定

WP Social Bookmarking Lightでは様々な連携先のサービスがあらかじめ用意されているので、ドラッグ&ドロップで追加したいサービスを追加していきます。
[WP]TwitterやFacebook、mixi、Lineなどのソーシャルボタンを一元管理できるプラグイン「WP Social Bookmarking Light」

同じくドラッグ&ドロップでSNSボタンの並び順も変更できます。
[WP]TwitterやFacebook、mixi、Lineなどのソーシャルボタンを一元管理できるプラグイン「WP Social Bookmarking Light」

「一般設定」では、ボタンを表示する位置やページなどを選択できます。
[WP]TwitterやFacebook、mixi、Lineなどのソーシャルボタンを一元管理できるプラグイン「WP Social Bookmarking Light」


「スタイル」のタブをクリックする事で、CSSファイルを編集することもできます。
[WP]TwitterやFacebook、mixi、Lineなどのソーシャルボタンを一元管理できるプラグイン「WP Social Bookmarking Light」


一般設定で追加したサービスはページ上部のタブに表示されますので、サービス毎の詳細設定が可能になります。
[WP]TwitterやFacebook、mixi、Lineなどのソーシャルボタンを一元管理できるプラグイン「WP Social Bookmarking Light」

個々のサービスの設定


Twitter

Twitter のアカウントと言語、ボタンのデザインをそれぞれ選択します。
[WP]TwitterやFacebook、mixi、Lineなどのソーシャルボタンを一元管理できるプラグイン「WP Social Bookmarking Light」

はてなブックマーク

はてなブックマークのボタンのデザインを選択します。
[WP]TwitterやFacebook、mixi、Lineなどのソーシャルボタンを一元管理できるプラグイン「WP Social Bookmarking Light」

Facebookのいいね

Facebook のいいね!ボタンのレイアウト、デザインを選択します。

設定項目が多いですが、いいね!ボタンを手動で設定する際に必要な項目ばかりです。
[WP]TwitterやFacebook、mixi、Lineなどのソーシャルボタンを一元管理できるプラグイン「WP Social Bookmarking Light」

Google Plus One

Google +1 ボタンの設定を行います。
[WP]TwitterやFacebook、mixi、Lineなどのソーシャルボタンを一元管理できるプラグイン「WP Social Bookmarking Light」

フロントの確認

WP Social Bookmarking Lightの設定ページで「変更を保存」ボタンをクリックすると、フロント画面にソーシャルボタンが追加されます。
[WP]TwitterやFacebook、mixi、Lineなどのソーシャルボタンを一元管理できるプラグイン「WP Social Bookmarking Light」

デザインが崩れまくっているので一般設定を変更し、ボタンの位置は上部のみに表示し、詳細ページにのみにボタンを設置するようにしました。
[WP]TwitterやFacebook、mixi、Lineなどのソーシャルボタンを一元管理できるプラグイン「WP Social Bookmarking Light」

必要に応じて、カスタムCSSで補正すれば良さげです。
[WP]TwitterやFacebook、mixi、Lineなどのソーシャルボタンを一元管理できるプラグイン「WP Social Bookmarking Light」

コメント

タイトルとURLをコピーしました