WP Social Bookmarking Light

サイト運営において、ソーシャルメディアとの連携は欠かせないものになっていますが、サービスの数も多く設置方法もそれぞれ違っているため、個別に設定するのは以外と大変な作業になります。

WP Social Bookmarking Lightはそのようなソーシャルメディアとの連携を一元管理してくれるプラグインです。

ちょうどこのテキストの上にあるような、ツイッターやFacebookなどソーシャルメディアと連携するボタンを簡単に設置することができます。

WP Social Bookmarking Lightでは国内外のソーシャルメディア全般が設定できますが、ここでは東池袋カレーマップで使用した「ツイッター」「はてな」「」Facebook」「Google+1」の設定を紹介したいと思います。

WP Social Bookmarking Light設定 目次

• WP Social Bookmarking Lightのインストール
• WP Social Bookmarking Lightの設定
• テーマファイルへの埋め込み
• 内容を入力して動作確認

WP Social Bookmarking Lightのインストール

１、WordPressのダッシュボードにログインし［プラグイン］→［新規追加］をクリック

２、検索窓に「WP Social Bookmarking Light」を入力して［プラグインの検索］をクリック

３、WP Social Bookmarking Lightの下にある［いますぐインストール］をクリック

４、「本当にこのプラグンをインストールしていいですか？」と聞かれるので［OK］をクリック

５、インストールしているプラグイン: WP Social Bookmarking Light1.7.0と表示されるので、［プラグンを有効化］をクリック（バージョンは変更になる可能があります）

６、プラグンのラインナップにWP Social Bookmarking Lightが表示されていればインストール完了です

↑Popular Posts＆Post-Plugin Library設定 目次へ

WP Social Bookmarking Lightの設定

１、メニューの［設定］→［WP Social Bookmarking Light］をクリック

サービスの下リストが表示されていますが、左側が表示されるもので、右側がWP Social Bookmarking Lightで管理できるすべてになります。

微調整は後で行うので、まずは「不必要なものを削除」し、その上で「表示せたいもの」をすべて左側に移動します。

２、左側のリストの横にある「×」をクリックして、一旦すべて削除

３、右側のリストから「twitter」「hatena_button」「facebook_like」「google_plus_one」を左側にドラッグ

これ以外にも利用したいソーシャルメディアがあれば適時ドラッグしてください。
もっとも個人的には上記４つがあれば国内のソーシャルメディアの大半を抑えているので、必要十分だと思います。

４、上下の間隔の「Bottom」を20pxに変更して、［変更を保存］をクリック

上下の間隔はレイアウトの問題になりますが、東池袋カレーマップの場合はBottomだけ調整すればOKでした。この辺はそれぞれのレイアウトに合わせて変更してください。

位置を「Top」にすると記事の先頭に「Bottom」にすると記事の終わりに入るようになります。また「None」にするとWP Social Bookmarking Lightが非表示になります。

個別の設定はこの後に続きますが、この時点で一旦保存しておくほうが無難です。

＜ここから個別の設定＞

◆twitterの設定

１、twitterタブをクリック

２、以下のような設定に変更して［変更を保存］をクリック

Via:twitterのユーザーアカウント
Language:Japanese
Count:horizon
Width:100
Height:20

ユーザーアカウントはそれぞれのものを利用してください。

◆hatena_buttonの設定

１、hatena_buttonのタブをクリック

２、以下のような設定になっているか確認して［変更を保存］をクリック

Layout:standard

◆facebookの設定

１、facebookタブをクリック

２、以下のような設定に変更して［変更を保存］をクリック

【General】
Locale:ja_JP

【Like Button】
Version:xfbml
Action:like
Color Scheme:light
Send button:Yes
Width:80
Font:arial

【Send Button】
Color Scheme:light
Font:arial

設定項目が多いので、色々と試してお好みのものを探してください。

◆google_plus_oneの設定

１、google_plus_oneのタブをクリック

２、以下のような設定に変更して［変更を保存］をクリック

Button size:medium
Language:Japanese
Include count:Yes

以上でWP Social Bookmarking Lightの設定がすべて完了になります。

↑Popular Posts＆Post-Plugin Library設定 目次へ

テーマファイルへの埋め込み

WP Social Bookmarking Lightはプラグインを有効にした時点で自動的に反映されてしまうため、テーマファイルへの埋め込みは必要ありません。

配置される場所は、WP Social Bookmarking Lightの設定画面で変更することができます（といっても、記事の先頭か終わりかの２択）。

なお、挿入されるのは

<?php the_content(); ?>

の前後になっていますので、レイアウトの調整はここを基準に行ってください。

↑Popular Posts＆Post-Plugin Library設定 目次へ

内容を入力して動作確認

すべての設定が完了したら記事ページを確認して、次のようになっていればOKです。

テーマファイルからコントロールできないため、デザイン面で若干融通が利かないですが、標準でもそれほど大きな崩れも無いので、そのままでもいいと思います。

↑Popular Posts＆Post-Plugin Library設定 目次へ