【WordPress】今流行りのバイラルメディア風のFacebookいいねボタンを「VA Social Buzz」で簡単設置!【Plugin】

最近人様のブログを拝見していると、「この記事が気にいったら、いいね!しよう」というボックスを搭載したところが増えている様な気がしていたのですが、あまりに多い気がして、どうやって設置するのかなー?とググってみたら、一瞬でたくさんの記事がヒットしました。

色々な導入例を読んでいると、このバイラルメディア風のFacebook「いいね!」ボタンの設置は、「いいね」「シェア」される確率を”グン”と上げる効果が見込めるということで、「VA Social Buzz」というプラグインなら簡単に導入でき、見た目もカッコいいのでボクもこのブログに設置してみることにしました!

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

log-161113-social-buzz02

プラグイン導入はめっちゃ簡単!「VA Social Buzz」で検索したらこれしか出てこないので、インストール→有効化します。

設定した瞬間から個別記事の一番下に「この記事が気にいったら、いいね!しよう」のボックスが登場します。

ただし、これだけではどこに「いいね」が追加されるかなどが設定されていないので、もう少しだけいじらなくてはいけません。

「VA Social Buzz」の設定

log-161113-social-buzz05

多くのプラグインは個別に設定ページがありますが、「VA Social Buzz」は、「設定>表示設定」の下の方に設定画面が増えているので一瞬わかりづらいけど、ここにFacebookとTwitterの情報を入れます。

あとは、「この記事が気に入ったら いいね!しよう」の部分も変えたい場合は任意の文字列に変えたり、「シェア」、「ツイート」などの文言も変えられます。

設定は基本的にこれくらいでいたってシンプル。

設置完了!

log-161113-social-buzz04b

ダダーン!♪

ということで、この程度の超簡単手順で上のスクショみたいな感じで記事直後にバイラルメディア風のFacebook「いいね!」ボタンが登場しました!

もちろんこの記事の下にもあるはずです!

デフォルトでは記事本文最後のすぐ後に自動で設置になりますが、有料のアドオンを購入することでこの表示位置もカスタマイズはできるみたいです。

ボクは変えれるなら少し考えたい気もしますが、デフォルトで困ることもないので有料オプションは今はパスしました。

モバイルからはこんな見え方

log-161113-social-buzz06

こちらがiPhone(モバイル)からみた状態。ちゃんとモバイル用のデザイン(サイズ)で対応しているのが最高ですね!

総括

とうことで、本当に簡単な作業で一気に「オサレなブログ」感が出せてしまうプラグイン、「VA Social Buzz」の導入紹介でした!一瞬でプロブロガーやバイラルメディアブログの様な演出ができちゃう”チョベリグ”なプラグインだと思いますのでまだ導入されていないブログ著者の方はチェックしてみて下さい!

シアトル生まれ、大阪育ち。6年前に独立・起業しましたが、コロナ禍で事業が大ダメージを受け、人生の方向転換に悪戦苦闘の日々です!とにかく、「ワクワク」に満ちた毎日を目指してできることから地道に頑張っています〜!


Fatal error: Uncaught ErrorException: md5_file(/home/users/1/leoism88/web/LeoLog/blog/wp-content/litespeed/js/8e6b472cf3d7aab88511be7451fbacea.js.tmp): failed to open stream: No such file or directory in /home/users/1/leoism88/web/LeoLog/blog/wp-content/plugins/litespeed-cache/src/optimizer.cls.php:130 Stack trace: #0 [internal function]: litespeed_exception_handler(2, 'md5_file(/home/...', '/home/users/1/l...', 130, Array) #1 /home/users/1/leoism88/web/LeoLog/blog/wp-content/plugins/litespeed-cache/src/optimizer.cls.php(130): md5_file('/home/users/1/l...') #2 /home/users/1/leoism88/web/LeoLog/blog/wp-content/plugins/litespeed-cache/src/optimize.cls.php(837): LiteSpeed\Optimizer->serve('https://blog.le...', 'js', true, Array) #3 /home/users/1/leoism88/web/LeoLog/blog/wp-content/plugins/litespeed-cache/src/optimize.cls.php(382): LiteSpeed\Optimize->_build_hash_url(Array, 'js') #4 /home/users/1/leoism88/web/LeoLog/blog/wp-content/plugins/litespeed-cache/src/optimize.cls.php(264): LiteSpeed\Optimize->_optimize() #5 /home/use in /home/users/1/leoism88/web/LeoLog/blog/wp-content/plugins/litespeed-cache/src/optimizer.cls.php on line 130