今日の人気記事

  1. 管理画面にログイン・ログアウト
  2. more部分や記事の途中に広告を挿入できるWPプラグインQuick Adsense
  3. WordPressをローカルにインストール - BitNami for XAMPP
  4. ドメイン変更を伴うWordPressサイトのサーバー移転方法
  5. WordPressインストール後にやるべき10の設定

WordPressにソーシャルボタンを簡単に設置できるプラグインWP Social Bookmarking Light

スポンサーリンク

WordPressにソーシャルボタンを簡単に設置できるプラグイン「WP Social Bookmarking Light」を紹介します。

WPプラグイン「WP Social Bookmarking Light」

インストールと有効化

WordPressのメニュー
→「プラグイン」
→「新規追加」
→「WP Social Bookmarking Light」を検索
→「いますぐインストール」
→「有効化」します。

設置と設定

WordPressにソーシャルボタンを簡単に設置できるプラグイン「WP Social Bookmarking Light」
プラグインを有効化すると記事タイトルと記事の間に「はてブ」「Twitter」「Facebook」のボタンが設置されます。

このままでも利用できます。が、「Twitter」と「Facebook」が英語版になっている場合があるので、日本語版になっているかどうかを確認します。WordPressメニューから「設定」→「WP Social Bookmarking Light」をクリックします。

WordPressにソーシャルボタンを簡単に設置できるプラグイン「WP Social Bookmarking Light」1
「Twitter」タブをクリックします。

WordPressにソーシャルボタンを簡単に設置できるプラグイン「WP Social Bookmarking Light」2
「English」から「Japanese」に変更します。

WordPressにソーシャルボタンを簡単に設置できるプラグイン「WP Social Bookmarking Light」3
「facebook」タブをクリックします。

WordPressにソーシャルボタンを簡単に設置できるプラグイン「WP Social Bookmarking Light」4
Localeを「en_US」を「ja_JP」に変更します。

WordPressにソーシャルボタンを簡単に設置できるプラグイン「WP Social Bookmarking Light」5
「変更を保存」をクリックします。

WordPressにソーシャルボタンを簡単に設置できるプラグイン「WP Social Bookmarking Light」6
これでソーシャルボタンは下記画像のように日本語に変わります。

Google +1(プラスワン plusone)ボタンを設置

WordPressにソーシャルボタンを簡単に設置できるプラグイン「WP Social Bookmarking Light」7
一般設定のサービス項目にある「google_plus_one」を右から左にドラッグアンドドロップします。

WordPressにソーシャルボタンを簡単に設置できるプラグイン「WP Social Bookmarking Light」5
「変更を保存」をクリックします。

WordPressにソーシャルボタンを簡単に設置できるプラグイン「WP Social Bookmarking Light」8
これでGoogle +1(プラスワン plusone)ボタンが設置されます。

WordPressにソーシャルボタンを簡単に設置できるプラグイン「WP Social Bookmarking Light」9
一般設定の位置項目を「Top」から「Bottom」に変更します。記事上と記事下の両方にソーシャルボタンを設置する場合は「Both」を選択します。

WordPressにソーシャルボタンを簡単に設置できるプラグイン「WP Social Bookmarking Light」5
「変更を保存」をクリックします。これでOKです。

テンプレートに以下のコードを挿入すれば、お好きな場所にソーシャルボタンを設置できます。

<?php
if(function_exists("wp_social_bookmarking_light_output_e")){
  wp_social_bookmarking_light_output_e();
}
?>

表示したいボタンを明示的に指定する場合は、以下のように関数の引数に呼び出すボタンを指定します(ここではツイッターとGoogle+)。

<?php
if(function_exists("wp_social_bookmarking_light_output_e")){
  wp_social_bookmarking_light_output_e('twitter,google_plus_one');
}
?>

関連記事(一部広告含む)