【WP】ソーシャルボタンを設置できる「WP Social Bookmarking Light」の導入方法

wp-social-bookmarking-light

ソーシャルメディアを通じて「いいね」と評価される記事が共有され多くの人に広がることは、第三者から好評を得ている、評判がいいことが多いと思います。

またSEOにおいては、内容が良いものはより上位に掲載されるという考え方があり、ソーシャルメディアで評価されることはSEO対策にも通じるものがあると考えられています。

そこで今回は、ソーシャルメディアに自身の記事を伝播させやすくするために各ソーシャルメディアの「共有ボタン」を簡単に設置することができるWordPressのプラグイン「WP Social Bookmarking Light」の導入方法をご紹介します。

WP Social Bookmarking Light

「WP Social Bookmarking Light」は、固定ページや投稿記事にFacebookやTwitterといったソーシャルメディアの共有ボタン(ソーシャルボタン)を付けてくれるプラグインです。

国産プラグインということもあり、mixiやHatena、nifty といったメディアにも幅広く対応しているのが特徴です。

まずは「WP Social Bookmarking Light」プラグインをインストールして有効化をします。

ソーシャルボタンの表示場所

プラグインが有効化されていると投稿された本文の上、下、または両方にソーシャルボタンが表示されます。

wp-social-bookmarking-light-01

「WP Social Bookmarking Light」は、WordPress上で投稿された本文を表示する「the_content関数」にフックしているので、page.phpやsingle.phpでthe_content()が使われいる場所にソーシャルボタンが表示されるようになっています。

「WP Social Bookmarking Light」を有効化してもソーシャルボタンが表示されない場合、テーマファイル内にthe_content()が使われているのかを確認してみるとよさそうです。

好きな場所にソーシャルボタンを表示させたい場合はテーマファイル内に直接表示するコードを記述します。

<?php echo wp_social_bookmarking_light_output_e(null, get_permalink(), the_title("", "", false)); ?>

このコードを記述する場合「the_content関数」があるとソーシャルボタンが重複してしまうので、一般設定で「none(表示しない)」に設定しておきます。

一般設定

「設定」メニューに「WP Social Bookmarking Light」が追加されていますので、「WP Social Bookmarking Light」の設定画面を開きます。

「一般設定」で表示内容など基本的な項目を設定することができます。

wp-social-bookmarking-light-02

設定名 説明 設定内容
位置 ソーシャルボタンの表示を設定します。
  • Top:本文上に表示する
  • Bottom:本文下に表示する
  • Both:本文上下の両方に表示する
  • None:表示しない
個別記事のみ singleタイプの記事での表示を設定します。
  • Yes:表示する
  • No:表示しない
ページ pageタイプの記事での表示を設定します。
  • Yes:表示する
  • No:表示しない
サービス 表示するソーシャルメディアを設定します。
  • Hatena
  • Facebook
  • Facebook Like Button
  • Facebook Share Button
  • Facebook Send Button
  • Twitter
  • Livedoor Clip
  • BuzzURL
  • @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

Styles

「Custom CSS」にスタイルを記述することで表示を調整することができます。

wp-social-bookmarking-light-03

各ソーシャルボタン

表示するソーシャルボタンの設定をすることができます。設定内容はソーシャルメディアによって異なります。

wp-social-bookmarking-light-0

関連記事

【リリース】新サービス「プロモーションビデオ制作」

サービス内容に新しく「プロモーションビデオ制作」が加わりました。インターネット環境の高速化やスマートフォンの普及により多くの方が動画コンテンツを身近に楽しむようになりました。そして、動画コンテンツは、新しいマーケティングツールとして注目されています。 店舗のオープンやイベン...続きを読む

2020.02.16

【HTML】Sass・SCSSを使ってWEBサイトの制作を効率化する

現在の多くのWEBサイトではHTMLとCSSによって構築されています。WEBサイトの制作方法を勉強するとHTMLとCSSについてを学ぶと、ここ最近は、SassやSCSSといったキーワードが出てきます。SassやSCSSを活用しなくても、もちろんWEBサイトを制作することが...続きを読む

2019.05.13HTMLコーディング

Google ChromeでSSL化(暗号化)されていないページを閲覧すると警告表示がされます

2018年7月から最新のGoogle Chrome ブラウザを使用して、WEBサイト(ホームページ)を閲覧すると、SSL化されていないページでは、「保護されていません/保護されていない通信」という警告文が表示されるようになりました。Google が「保護されたウェブの普及を目指し...続きを読む

2018.08.18SSLWEB

【HTML】Internet Explorer 対応したBootstrapの選び方

Webサイトの制作を相談をいただく際に、「Internet Explorer に対応したい」という要望をうかがうことがあります。主要ブラウザの日本国内のシェアを調べてみると、最新バージョンの「Internet Explorer 11」で約7%、「Internet Explorer...続きを読む

2021.02.05BootstrapHTMLコーディング

【WP】ソーシャルブックマークのボタンを追加するプラグイン

WordPressで構築したサイトやブログの記事にソーシャルブックマーク(またはソーシャルメディア)のボタンを追加することができるプラグインをまとめてみました。 ほとんどのプラグインが管理画面のプラグインの検索より探すことができます。 Sharebar 投稿した...続きを読む

2015.02.20WordPress