プラグイン

【WordPressプラグイン】ソーシャルボタンの表示「WP Social Bookmarking Light」の設定・使い方

2020年5月4日

【WordPressプラグイン】ソーシャルボタンの表示「WP Social Bookmarking Light」の設定・使い方

ウェブサイト・ブログのアクセス数を増加させる手法として、ソーシャルメディアの活用があげられます。今や誰でもがソーシャルメディアを利用しており、ウェブサイト・ブログのアクセス数を増加手段として有効です。

今回はウェブサイト・ブログとソーシャルメディアを連携させるWordPressプラグイン「WP Social Bookmarking Light」を解説します。

WP Social Bookmarking Lightとは

【WordPressプラグイン】ソーシャルボタンの表示「WP Social Bookmarking Light」の設定・使い方

WP Social Bookmarking Lightの概要

WP Social Bookmarking LightはFacebookやTwitterなどのソーシャルメディアで拡散するためのシェアボタンを表示できるプラグインです。ソーシャルメディアの特性である拡散性を最大限活かすためにも、シャアボタンは表示させるべきかと思います。

WP Social Bookmarking Lightの特徴

  • ウェブサイトにソーシャルメディアのシェアボタンの表示ができる
    Facebook、Twitter、はてなブックマーク、Google Plus One、Pocketなど

WP Social Bookmarking Lightのダウンロード先

【WordPress公式ページ】WP Social Bookmarking Light
https://ja.wordpress.org/plugins/wp-social-bookmarking-light/

WP Social Bookmarking Lightの設定

WordPress管理画面

WordPressの左メニューから「設定」>「WP Social Bookmarking Light 」をクリック。

一般設定

WP Social Bookmarking Lightの一般設定

【一般設定】

ポジション:SNSボタンを表示位置を設定できます。
TOP(ページ上部)、Bottom(ページ下部)、Both(ページ上部と下部)、None(表示しない)

個別の記事:SNSボタンの表示を個別記事のみにするか、それ以外も表示させるかを設定できます。

ページ:固定ページにもSNSボタンの表示をするか設定できます。

サービスを有効にする:どのSNSボタンを表示させるかを設定できます。

ポジションは「Both(ページ上部と下部)」でページ全体にSNSボタンを表示させる方が良いと思います。「個別の記事」はトップページなどにもSNSボタンを表示させるのであれば、「Yes(はい)」を選択。「固定ページ」はお問い合わせページなども含まれるので、「No(いいえ)」が推奨です。「サービスを有効にする」は追加したいSNSをお好みで設定しましょう。

WP Social Bookmarking Lightの一般設定

追加できるSNSボタンの説明は一般設定ページの下部にあります。

CSS

WP Social Bookmarking LightのCSS設定

CSSではSNSボタンを表示形式をカスタマイズできます。

Twitter

WP Social Bookmarking LightのTwitter設定

【Twitter】

経由:Twitterアカウントを設定できます。

関連:関連するTwitterアカウントを設定できます。

言語:言語を設定できます。

「経由」と「関連」はTwitterアカウント名を入力します。Twitterの@以降の文字列がアカウント名になります。「言語」はJapanese(日本語)を選択して下さい。

Hatena

WP Social Bookmarking LightのHatena設定

【Hatena】

レイアウト:SNSボタンを表示形式を設定できます。

HatenaのSNSボタンの表示形式を変更することができます。お好みで選択して下さい。

Facebook

WP Social Bookmarking LightのFacebook設定

【Facebook】

ローカル:地域を設定できます。

バージョン:SNSボタンのバージョンを設定できます。

「ローカル」は「Ja_JP」で日本になります。
「バーション」は「xfbml」を選択して下さい。「html5」「xfbml」「iframe」のどれでも表示上に変化はありませんが、SNSボタンをクリックした際に挙動が変わります。
「fb-rootの追加」は「Yes(はい)」を選択して下さい。

Facebook Like

WP Social Bookmarking LightのFacebook Like設定

【Facebook Like】

レイアウト:SNSボタンを表示形式を設定できます。

アクション:「お気に入り」か「レコメンド」を設定できます。

共有:共有ボタンの有無を設定できます。

「レイアウト」はカウント数を表示させるかで選択して下さい。その他はお好みで設定して下さい。

Pocket

WP Social Bookmarking LightのPocket設定

【Pocket】

ボタンタイプ:SNSボタンを表示形式を設定できます。
None(表示しない)、vertical(縦)、horizontal(横)

「ボタンタイプ」はカウント数を表示させるかで選択して下さい。

WP Social Bookmarking Lightの使い方

WP Social Bookmarking Lightの表示

WP Social Bookmarking Lightの設定内容はお好みで設定する内容が大半なので、ご自身のウェブサイト・ブログに合わせて設定をカスタマイズして下さい。

上記は例になりますが、このようなイメージのSNSボタンを表示させることができます。

当サイトで申込みが多いプログラミングスクール・教室はこちら!

【1位】ポテパンキャンプ:Webエンジニア輩出率No1

【2位】CodeCamp:満足度96.6%のプログラミングレッスン

【3位】DMM WEBCAMP:プログラマー転職成功率98%

【4位】TechAcademy:プログラミングスクール受講者数No1

【5位】GEEK JOB:満足度・転職率が高い・20代社会人経験者向け

-プラグイン
-,

© 2021 nukoblog