WP Social Bookmarking Light:SNSシェアボタンを設置できる

2017年1月20日

WordPress を使って情報発信をしている場合には、
Facebook などのソーシャルメディアでフォローやシェアしてもらって拡散させたいですよね。

そのような時に便利な WordPress 用プラグインがあります。
それは「WP Social Bookmarking Light」です。
そのインストール手順から日本語化・使い方と設定などを解説していきます。

WP Social Bookmarking Light

Screenshot of wordpress.org

WP Social Bookmarking Light は、個別記事や固定ページにソーシャルメディアのシェアボタンを設置できます。

設置できるソーシャルメディアは、以下のとおりです。

  • はてな
  • Facebook
  • Facebook Like Button
  • Facebook Share Button
  • Facebook Send Button
  • Twitter
  • Livedoor Clip
  • @nifty clip
  • Tumblr
  • FC2 Bookmark
  • newsing
  • Choix
  • Yahoo!JAPAN Bookmark
  • Yahoo!Buzz
  • Google Bookmark
  • Google Buzz
  • Google +1
  • Delicious
  • Digg
  • FriendFeed
  • reddit
  • LinkedIn
  • Evernote
  • Instapaper
  • StumbleUpon
  • mixi Check
  • mixi Like
  • GREE Social Feedback
  • atode (toread)
  • LINE
  • Pocket
  • Pinterest

記事を作成もしくは更新時点でのバージョン:v 1.8.8
マルチサイトでの利用:可

インストール手順

下記の URL から ZIP ファイルを入手して、管理画面からアップロードして有効化するか
WP Social Bookmarking Light – WordPress.org

もしくは、WordPress.org の公式プラグインディレクトリにリリースされているので、
管理画面から入手できます。

ダッシュボードから「プラグイン」メニューの「新規追加」を選択し、
プラグイン追加画面右上の検索窓に「WP Social Bookmarking Light」と入力します。

WordPressプラグイン「WP Social Bookmarking Light」のスクリーンショット

検索結果の一番左上に表示されると思うので、「今すぐインストール」をクリックします。
インストールが完了したら、プラグインを「有効化」します。

プラグインのインストールに慣れていない方は、
下記の記事にて詳しく解説していますので、御覧ください。

WordPressプラグインのインストール手順を解説 – WordPress活用術

日本語化

WP Social Bookmarking Light は、一部分だけ日本語化対応がされています。
日本語化されない場合には、日本語化用の言語パックを translate.wordpress.org から入手できる場合があります。

WordPress と関連プロジェクト(テーマ・プラグイン)用の翻訳プラットフォームとして、
translate.wordpress.org (GlotPress) が導入されています。

※ボランティアで翻訳されている場合が多いので、
全てのプラグインで、必ずしも日本語化用の言語パックが用意されているわけでは無いです。
また、用意されていても 100% 翻訳されている保証もありません。

日本語化用の翻訳ファイルの探し方は、下記の記事を参照してください。

WordPress公式での日本語化用の翻訳ファイルの探し方 – WordPress活用術

設定

WordPressプラグイン「WP Social Bookmarking Light」のスクリーンショット

ダッシュボードの「設定」メニューの中に「WP Social Bookmarking Light」メニューが追加されています。
「WP Social Bookmarking Light」メニューを選択すると設定画面に移動できます。

一般設定と日本で良く使われるソーシャルメディアの設定タブの解説を書いていきます。

一般設定

WordPressプラグイン「WP Social Bookmarking Light」のスクリーンショット

  • 位置
    各ボタンの配置場所を指定します。
    初期値:記事の一番上(Top)
    記事の最後(Bottom)・記事の一番上と記事の最後(Both)・無し(None)
  • 個別記事のみ
    個別記事にのみ表示させるかどうか。
    初期値:Yes
    No も選択できます。
  • ページ
    固定ページに表示させるかどうか。
    初期値:Yes
    No も選択できます。
  • サービス
    表示させたいサービスのボタンを選択できます。
    表示させたいボタンを右側のリストから左側のリストへドラッグアンドドロップさせます。表示順も変えられます。

位置で「None」を選択すると、
「wp_social_bookmarking_light_output」関数もしくは「wp_social_bookmarking_light_output_e」関数を使って、好きな場所にボタンを設置できます。

Styles

WordPressプラグイン「WP Social Bookmarking Light」のスクリーンショット

WP Social Bookmarking Light で使用する CSS をカスタマイズできます。

Donate

WordPressプラグイン「WP Social Bookmarking Light」のスクリーンショット

作者への寄付先が記載されています。

Facebook

WordPressプラグイン「WP Social Bookmarking Light」のスクリーンショット

サービスで「facebook」だけを選ぶと設定項目は無しで、

WordPressプラグイン「WP Social Bookmarking Light」のスクリーンショット

上のようなアイコンが表示されます。

FB

WordPressプラグイン「WP Social Bookmarking Light」のスクリーンショット

サービスで「facebook_like」「facebook_share」「facebook_send」いずかを選ぶと設定タブとして表示されます。

  • Locale
    地域を指定します。
    ここでは、「ja_JP」と入力します。
    「ja_JP」と入力するとボタンなどのラベルが日本語になります。
  • Version
    表示形式を選択します。
    初期値:xfbml
    html5 もしくは iframe も選択できます。
  • Add fb-root
    既に facebook の機能を使っているなら、No を選択します。
    初期値:Yes
    No も選択できます。

FB Like

WordPressプラグイン「WP Social Bookmarking Light」のスクリーンショット

サービスで「facebook_like」を選ぶと設定タブとして表示されます。

  • Layout
    ボタンのレイアウトを指定します。
    初期値:button_count(「いいね数も表示」)
    button(「いいね数は非表示」) も選択できます。
  • Action
    ボタンの動作を指定します。
    初期値:like(「いいね」として動作します。)
    recommend(「おすすめ」として動作します。) も選択できます。
  • Share
    シェアボタンも表示するかどうか。
    初期値:No
    Yes も選択できます。
  • Width
    幅を指定します。
    初期値:100 Pixel

FB Share

WordPressプラグイン「WP Social Bookmarking Light」のスクリーンショット

サービスで「facebook_share」を選ぶと設定タブとして表示されます。

  • Layout
    ボタンのレイアウトを指定します。
    初期値:button_count(「シェア数も表示」)
    button(「シェア数は非表示」) も選択できます。
  • Width
    幅を指定します。
    初期値:100 Pixel

FB Send

WordPressプラグイン「WP Social Bookmarking Light」のスクリーンショット

サービスで「facebook_send」を選ぶと設定タブとして表示されます。
Facebook の友だちにメッセージを送信できるボタンを配置します。

  • Color Scheme
    配色を選択します。
    初期値:light
    dark も選択できます。
  • Width
    幅を指定します。
  • Height
    高さを指定します。

Twitter

WordPressプラグイン「WP Social Bookmarking Light」のスクリーンショット

  • Via
    Twitter のアカウントを入力します。
  • Related
    関連するアカウントが存在するなら、入力します。
  • Hashtags
    必要であれば、ハッシュタグを入力します。
  • Dnt
    Twitter 公式ツイートボタンの設置しているかどうか。
  • Language
    表示言語を指定します。
    「Japanese – 日本語」を選択します。
  • Size
    ボタンの大きさを指定します。
    初期値:normal
    large も選択できます。

Hatena

WordPressプラグイン「WP Social Bookmarking Light」のスクリーンショット

サービスで「hatena_button」を選ぶと設定タブとして表示されます。

  • Layout
    ボタンのレイアウトを指定します。
    初期値:simple-balloon
    「standard-balloon」「standard-noballoon」「standard」「simple」も選択できます。

Google Plus One

WordPressプラグイン「WP Social Bookmarking Light」のスクリーンショット

サービスで「google_plus_one」を選ぶと設定タブとして表示されます。

  • Button size
    ボタンの大きさを指定します。
    初期値:medium
    「small」「standard」「tall」も選択できます。
  • Language
    マウスオーバーした際の表示言語を指定します。
    「Japanese」を選択します。
  • Annotation
    注釈の表示の方法を指定します。
    初期値:none(非表示)
    「bubble」「inline」も選択できます。
  • Inline size
    「inline」選択時の表示幅を入力します。
    初期値:250

Pocket

WordPressプラグイン「WP Social Bookmarking Light」のスクリーンショット

サービスで「pocket」を選ぶと設定タブとして表示されます。

  • Button type
    ボタンのタイプを指定します。
    初期値:none(保存数を非表示)
    「horizontal(保存数をボタンの右横に表示)」「vertical(保存数をボタンの上側に表示)」も選択できます。

LINE

WordPressプラグイン「WP Social Bookmarking Light」のスクリーンショット

WordPressプラグイン「WP Social Bookmarking Light」のスクリーンショット

サービスで「line」を選ぶと設定タブとして表示されます。

  • Button type
    ボタンのタイプを指定します。
    初期値:line88x22
    「line20x20」も選択できます。
  • Protocol
    ボタンのタイプを指定します。
    初期値:http://
    「line://」も選択できます。

Pinterest

WordPressプラグイン「WP Social Bookmarking Light」のスクリーンショット

サービスで「pinterest」を選ぶと設定タブとして表示されます。

  • Type
    タイプを選択します。
    初期値:All
    「Hover」も選択できます。
  • Shape
    ボタンの形状を選択します。
    初期値:Rectangle(長方形)
    「Round(円形)」も選択できます。
  • Size
    ボタンの大きさを選択します。
    初期値:Large
    「Small」も選択できます。
  • Color
    ボタンの背景色を選択します。
    初期値:Gray
    「Red」「White」も選択できます。
  • Language
    表示言語を指定します。
    「Japanese – 日本語」を選択します。

Evernote

WordPressプラグイン「WP Social Bookmarking Light」のスクリーンショット

サービスで「evernote」を選ぶと設定タブとして表示されます。

  • Button type
    ボタンのタイプを指定します。
    初期値:article-clipper

変更したら、「変更を保存」ボタンをクリックします。

表示サンプル

今まで説明したソーシャルメディアのボタンを初期設定で表示させてみました。

WordPressプラグイン「WP Social Bookmarking Light」のスクリーンショット

表示言語は、「日本語」に設定しています。

代替プラグイン

WP Social Bookmarking Light にほしい機能が無かった場合には、
WP Social Bookmarking Light 以外にも SNS のシェアボタンを設置できるプラグインを記事にしています。
以下では、WP Social Bookmarking Light を含めて 11 個を簡単に紹介しています。

SNSのシェアボタンを設置できるWordPressプラグイン一覧

URL

WP Social Bookmarking Light – WordPress.org

本ページはアフィリエイトプログラムによる収益を得ています