WP Social Bookmarking Light - SNS・SBMボタンの設置

公開日:2011年2月12日
最終更新日:2013年12月4日

WP Social Bookmarking Lightはソーシャルブックマークボタンをブログ記事に表示する為のプラグインです。設置が簡単なことに加え、日本の方が作ったので、対応しているSBMが日本ユーザ向けになっているのがすばらしいですね。

WP Social Bookmarking Lightのインストール

  1. WP Social Bookmarking Lightのダウンロード
  2. wp-content/plugins/にアップロード
  3. プラグインを有効化

WP Social Bookmarking Lightの設定

設定 ⇒ WP Social Bookmarking Light

  • 位置:記事の上下どちらに配置するか
  • 個別記事のみ:No
  • ページ:YES
  • 上下の間隔:ボタンの上下の余白
  • 整列:ボタンを左右どちら揃えにするか

個別記事のみをNoにするとトップページにも表示する事が出来ます。(Thumbnail for Excerptsを使っている場合

あとは、表示したい項目を右から左へドラッグ&ドロップします。twitterとfacebookは必須だと思いますが、Google+1やhatena_button、他のボタンについては好きなものを並べれば良いと思います。

buzzurl、Yahoo、livedoorなどのブクマ数を表示する為には、ボタンと共に「_users」を表示しなければなりません。

ボタンによっては個別の設定画面が用意されています。上記はTwitterの設定画面です。デフォルトだとTwitterボタンの右側に余白が出来てしまうと思うので、直したい場合にはWidthを100にすると良いと思います。

  • Via:Twitterアカウント
  • Language:ボタンに表示する言語

記事には、こんな感じで表示されます。

Facebookボタンのカスタマイズ

Facebookのshareボタンがデフォルトだとイマイチなので、気になる方は修正してしまいましょう。

このボタンの方がかっこいいですね。

まずは、上の画像を保存して、「wp-content/plugins/wp-social-bookmarking-light/images」の中にアップロードします。ファイル名は、facebook2.pngやfacebook3.pngで良いと思います。

次に、wp-social-bookmarking-light/modules/services.phpの365行目あたりを修正します。(バージョンによって記述されている行が違いますので、以下の文字で検索をかけてください。)

$icon = WP_SOCIAL_BOOKMARKING_LIGHT_IMAGES_URL."/facebook.png";
return $this->link( $url, $alt, $icon, 16, 16 );

facebook.pngをfacebook2.pngやfacebook3.pngに、16, 16を65, 20や59, 20に修正しアップロードします。

これで美しい感じに並びました。プラグインの自動アップグレードを行うと当然無効になってりますので、注意しましょう。

shareボタンの横にシェア数を表示したい場合にはこのプラグインでは無理ですので、Facebook Shareボタン(シェア)を設置をご覧の上、個別に設置してください。

Facebookのいいねボタンだけ微妙に下にずれるという場合や、Internet Explorerだと表示されないという場合には、Facebookの設定のLike ButtonのVersion:をiframeにすれば直るはずです。

Thumbnail for Excerptsを使っている場合

WP Social Bookmarkingは、the_contentが記述されている部分に自動的に挿入されるようになっていますので、抜粋表示+サムネイル画像プラグインのThumbnail for Excerptsを使用しthe_contentをthe_excerptに変更している場合には、個別記事以外には表示する事ができません。

トップページやカテゴリページにも表示したい場合には、wp-social-bookmarking-light.phpを修正する必要があります。

{
add_action('wp_head', 'wp_social_bookmarking_light_wp_head');
add_action('wp_footer', 'wp_social_bookmarking_light_wp_footer');
add_filter('the_content', 'wp_social_bookmarking_light_the_content');
add_action('admin_menu', 'wp_social_bookmarking_light_admin_menu');
}

この部分を以下のように修正します。

{
add_action('wp_head', 'wp_social_bookmarking_light_wp_head');
add_action('wp_footer', 'wp_social_bookmarking_light_wp_footer');
add_filter('the_content', 'wp_social_bookmarking_light_the_content');
add_filter('the_excerpt', 'wp_social_bookmarking_light_the_content' );
add_action('admin_menu', 'wp_social_bookmarking_light_admin_menu');
}

the_excerptを一行追加しただけです。これで個別記事のみをDisabledにした場合に、トップページやカテゴリページにもソーシャルブックマークボタンが表示されるようになります。

公開日:2011年2月12日
最終更新日:2013年12月4日

カテゴリー:WordPressのプラグイン

コメント


このページの先頭へ