【WordPress】記事下にオシャレなFacebookページのボタンを設置してくれるプラグイン「VA Social Buzz」

Article views222 VIEW

最近ブログ記事下に「この記事が気に入ったらいいね!しよう」という書いてる Facebook いいね!ボタンをよく見かけます。

当ブログにも設置しています。

2017 01 26 16.09.45 1024x407 - 【WordPress】記事下にオシャレなFacebookページのボタンを設置してくれるプラグイン「VA Social Buzz」

記事のサムネイル画像が表示され、その右にFacebookページにいいね!してもらう為の誘導があります。

その下には記事そのもののシェアやTwitterへの誘導など、見栄えの良いおしゃれなSNSリンクですね。

実はこれWordpressではプラグインで実装できちゃうんです!

プラグイン「VA Social Buzz」をインストール

管理画面、左サイドバーのプラグインの新規追加でVA Social Buzzを検索

2017 01 26 16.19.00 1024x479 - 【WordPress】記事下にオシャレなFacebookページのボタンを設置してくれるプラグイン「VA Social Buzz」

インストールして有効化すると【設定】の中にある【表示設定】にVA Social Buzzの設定画面が表示されます。

01 1024x551 - 【WordPress】記事下にオシャレなFacebookページのボタンを設置してくれるプラグイン「VA Social Buzz」

この中に

  1. FacebookのアプリID
  2. Tiwtterのユーザーネーム
  3. 自動表示

を設定すると記事に反映されるという仕組みです。

各項目を設定する

1.Facebook開発者アカウントを作成しアプリIDを取得する

【FacebookのアプリID】の記入欄下にアプリIDの作成というリンクがあります。

アプリ ID の作成

簡単に説明しますと

Facebook開発者アカウントを作成し、アプリ開発の登録をして IDを取得するという流れです。

まずこちらの画面で「開発者アカウントを作成する」をクリックします。

01 1 1024x758 - 【WordPress】記事下にオシャレなFacebookページのボタンを設置してくれるプラグイン「VA Social Buzz」

ポリシーに同意し、登録するをクリック

02 1024x761 - 【WordPress】記事下にオシャレなFacebookページのボタンを設置してくれるプラグイン「VA Social Buzz」

画面が変わりました。「アプリIDの作成」をクリックします。

03 1024x748 - 【WordPress】記事下にオシャレなFacebookページのボタンを設置してくれるプラグイン「VA Social Buzz」

「新しいアプリIDを作成」の画面が表示されました。

  1. 表示名
  2. 連絡先メールアドレス
  3. カテゴリ

を記入または選択し「アプリIDを作成してください」をクリックします。

04 1024x554 - 【WordPress】記事下にオシャレなFacebookページのボタンを設置してくれるプラグイン「VA Social Buzz」

次の画面の真ん中にアプリIDが表示されます。

このアプリIDをコピーし、Wordpress表示設定にあるVA Social Buzzの【FacebookのアプリID】にペーストし、登録します。

01 2 1024x126 - 【WordPress】記事下にオシャレなFacebookページのボタンを設置してくれるプラグイン「VA Social Buzz」

Twitterアカウントを登録

Twitterのアカウントは@を削除したTwitterアカウント名を記入します。

2017 01 26 17.02.01 1024x122 - 【WordPress】記事下にオシャレなFacebookページのボタンを設置してくれるプラグイン「VA Social Buzz」

 

自動表示を設定

表示する部分を設定します。

当サイトは投稿のみ表示するよう設定しました。

2017 01 26 17.03.05 300x91 - 【WordPress】記事下にオシャレなFacebookページのボタンを設置してくれるプラグイン「VA Social Buzz」

 

設定完了

以上の設定が終わると記事下の部分に表示されます。

2017 01 26 16.09.45 1024x407 - 【WordPress】記事下にオシャレなFacebookページのボタンを設置してくれるプラグイン「VA Social Buzz」

 

参考にしたサイト

Facebookの「いいね!」が激増するWordPressプラグインVA Social Buzz

Pocket
pinit fg en rect gray 28 - 【WordPress】記事下にオシャレなFacebookページのボタンを設置してくれるプラグイン「VA Social Buzz」
line88x20 - 【WordPress】記事下にオシャレなFacebookページのボタンを設置してくれるプラグイン「VA Social Buzz」
[`evernote` not found]

Leave a Comment

CAPTCHA