[`yahoo` not found]
Pocket

bandicam-2016-09-09-15-55-40-477 ブログやサイト運営でアクセスを集めるために、ソーシャルメディアとの連動は、欠かせない時代です。
ワードプレスは、プラグイン「WP Social Bookmarking Light」をインストールすることで、初心者でも簡単にソーシャルメディアボタンやブックマークボタンを設置出来ます。

今回は、WP Social Bookmarking Lightを使ったSNSボタンの設置方法を解説します。

WP Social Bookmarking Lightの設定方法


ダッシュボードメニュバーから、「プラグイン」⇒「新規追加」
プラグインの追加ページを開いて、検索窓にWP Social Bookmarking Lightと
記入します。

bandicam-2016-09-09-10-06-22-993

「今すぐインストールボタン」を押し有効化して下さい。

bandicam-2016-09-09-10-09-36-272

インストール後に、ダッシュボードから、「設定」を開くと、
「WP Social Bookmarking Light」の項目が追加されていますので、
そのページへ移動します。

bandicam-2016-09-09-10-11-31-712

一般設定

デフォルトでは下記のような状態のページが開かれます。

bandicam-2016-09-09-10-13-23-282

位置:SNSボタンをページのどの位置に表示させるのかを選択出来ます。

Top:ページ上部のみ設置
Bottom:ページ下部のみ設置
Both:ページの上下2か所に表示
None:非表示

Bothを選択するのを推奨します。

個別記事のみ:SNSボタンを個別ページのみに表示させるのか、
トップページやカテゴリーページでも表示させるのか選択出来ます。

ページ:固定ページにSNSボタンを表示するか選択出来ます。
個別のページとは、お問い合わせフォームなどのSNSボタンを置いてシェアさせる
必要がないページなので、”No”を選択して非表示にしておいて構いません。

サービス:表示させるSNSボタンを選択出来る項目です。
一般的には、フェイスブック、ツイッター、Google+1 など主要なメディア
5種類程度選択します。

選択したいボタンをドラックアンドドロップで右から左のボックスに
移して下さい。

選択したいボタンを右から左のボックスに移すと、画面上に
赤枠のようなボタンの設定タブが追加されます。

bandicam-2016-09-09-11-33-38-208

個別のボタンの設定方法


Facebookのいいね!ボタンの設定方法

「FB」タブを開きます。
Locale:言語を変更出来ます。デフォルトでは、en_USとなっていますが、
ja_JPに変更します。これでFacebookの「like」が「いいね!」に変更されます。

設定変更後は、「変更を保存」ボタンを押して下さい。

bandicam-2016-09-09-11-49-43-841

「FB Like」のタブを開き下記の設定変更をします。

Layout:ボタンのレイアウトを変更
Action:likeボタンかrecommendボタンを選択
Share:いいね!ボタン以外にもシェアボタンを表示するかを選択

bandicam-2016-09-09-10-32-38-215

カウント式のいいね!とシェアボタンが表示されるようになります。

※フェイスブックの拡散効果を高めるためには、All in One SEO Pack
のOGP設定が必要です。
All in One SEO Pack の設定



Twitterのボタン設定方法

「Twitter」のタブを開きます。

Via:あなたのツイッターアカウントを記入します。
これにより、コンテンツがツイートされた時に、あなたのアカウント情報も
ツイート文に記載されることになるので、ツイッターのフォロワー数が
上がるとされています。

Related: data-relatedアカウントを指定することによって
ツイート後に指定したアカウントのフォローをすすめることが出来ます。

Hashtags:ツイート内容にハッシュタグを入れられる

Dnt(Opt-out of tailoring Twitter):
カスタマイズされたツイッターからオプトアウトします。
ツイッターのホーム画面上でお勧めユーザー欄に表示されたくない時は、
チェックを入れます。

Language:言語を変更出来ます。
Japaneseにすることでボタンが日本語表記になります。

Size:ツイートボタンのサイズを変えます。

bandicam-2016-09-09-10-33-47-521




Google+1ボタンの設定方法

Button size:ボタンサイズを選べます。
「small」「medium」「standard」「tall」の4種類から選べます。

Language:言語を変更出来ます。Japaneseにしましょう。

Annotation:アノテーション
「none」「bubble」「inline」3種類選択出来ますが、
元々、注釈、注記といった意味合いのものです。
ここでは、設定変更によりボタンの見た目が変わります。

Inline size:インラインサイズ
これはほとんど使うことがないと思います。

bandicam-2016-09-09-10-34-57-958




Pocketボタンの設定方法
厳密にはソーシャルメディアではありませんが、利用者が多いので
表示しておくことを推奨します。

Button type:
「none」「horizontal」「vertical」3種類から選択可能

bandicam-2016-09-09-10-37-06-437




Hatenaボタンの設置方法

Layout:レイアウトを5種類の中から選択出来ます。

「standard-balloon」
「standard-noballoon」
「standard」
「simple」
「simple-balloon」

bandicam-2016-09-09-10-34-23-539




実際SNSボタンをページ上で表示させると以下の様になります。

bandicam-2016-09-09-10-38-09-185

このようにして設定していきます。

[`yahoo` not found]
Pocket