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」](https://webantena.net/wp-content/uploads/2013/06/wpsocialbookmarkinglight01.png)
同じくドラッグ&ドロップでSNSボタンの並び順も変更できます。
![[WP]TwitterやFacebook、mixi、Lineなどのソーシャルボタンを一元管理できるプラグイン「WP Social Bookmarking Light」](https://webantena.net/wp-content/uploads/2013/06/wpsocialbookmarkinglight02.png)
「一般設定」では、ボタンを表示する位置やページなどを選択できます。
![[WP]TwitterやFacebook、mixi、Lineなどのソーシャルボタンを一元管理できるプラグイン「WP Social Bookmarking Light」](https://webantena.net/wp-content/uploads/2013/06/wpsocialbookmarkinglight03.png)
「スタイル」のタブをクリックする事で、CSSファイルを編集することもできます。
![[WP]TwitterやFacebook、mixi、Lineなどのソーシャルボタンを一元管理できるプラグイン「WP Social Bookmarking Light」](https://webantena.net/wp-content/uploads/2013/06/wpsocialbookmarkinglight04.png)
一般設定で追加したサービスはページ上部のタブに表示されますので、サービス毎の詳細設定が可能になります。
![[WP]TwitterやFacebook、mixi、Lineなどのソーシャルボタンを一元管理できるプラグイン「WP Social Bookmarking Light」](https://webantena.net/wp-content/uploads/2013/06/wpsocialbookmarkinglight05.png)
個々のサービスの設定
![[WP]TwitterやFacebook、mixi、Lineなどのソーシャルボタンを一元管理できるプラグイン「WP Social Bookmarking Light」](https://webantena.net/wp-content/uploads/2013/06/wpsocialbookmarkinglight06.png)
はてなブックマーク
はてなブックマークのボタンのデザインを選択します。![[WP]TwitterやFacebook、mixi、Lineなどのソーシャルボタンを一元管理できるプラグイン「WP Social Bookmarking Light」](https://webantena.net/wp-content/uploads/2013/06/wpsocialbookmarkinglight07.png)
Facebookのいいね
Facebook のいいね!ボタンのレイアウト、デザインを選択します。設定項目が多いですが、いいね!ボタンを手動で設定する際に必要な項目ばかりです。
![[WP]TwitterやFacebook、mixi、Lineなどのソーシャルボタンを一元管理できるプラグイン「WP Social Bookmarking Light」](https://webantena.net/wp-content/uploads/2013/06/wpsocialbookmarkinglight08.png)
Google Plus One
Google +1 ボタンの設定を行います。![[WP]TwitterやFacebook、mixi、Lineなどのソーシャルボタンを一元管理できるプラグイン「WP Social Bookmarking Light」](https://webantena.net/wp-content/uploads/2013/06/wpsocialbookmarkinglight09.png)
フロントの確認
WP Social Bookmarking Lightの設定ページで「変更を保存」ボタンをクリックすると、フロント画面にソーシャルボタンが追加されます。![[WP]TwitterやFacebook、mixi、Lineなどのソーシャルボタンを一元管理できるプラグイン「WP Social Bookmarking Light」](https://webantena.net/wp-content/uploads/2013/06/wpsocialbookmarkinglight10.png)
デザインが崩れまくっているので一般設定を変更し、ボタンの位置は上部のみに表示し、詳細ページにのみにボタンを設置するようにしました。
![[WP]TwitterやFacebook、mixi、Lineなどのソーシャルボタンを一元管理できるプラグイン「WP Social Bookmarking Light」](https://webantena.net/wp-content/uploads/2013/06/wpsocialbookmarkinglight11.png)
必要に応じて、カスタムCSSで補正すれば良さげです。
![[WP]TwitterやFacebook、mixi、Lineなどのソーシャルボタンを一元管理できるプラグイン「WP Social Bookmarking Light」](https://webantena.net/wp-content/uploads/2013/06/wpsocialbookmarkinglight12.png)
コメント