大幅なサイトメンテナンスを行った為、一部「画像が表示されない」などの可能性があります。画像が表示されない場合は F5 などでページを更新してみて、それでも表示されない場合はご一報お願い致します。

【Simple-FB-LikeBox】リリース!WordPressの記事下にFacebookの「いいねボックス」を表示出来るよ☆

【Simple-FB-LikeBox】リリース!WordPressの記事下にFacebookの「いいねボックス」を表示出来るよ☆

WordPressの記事下にFacebookの「いいね!ボックス」を表示出来るWordPressプラグインを作ったのでリリースです。

今まで「VA Social Buzz」というプラグインを使っていたのですが、いいね!ボックスの下に表示される各SNSボタンはテーマ側で既に表示しているので不要だったり、AMP非対応だったり、個人的に「不要な機能」が多かったので、自分用に「Facebookのいいね!ボックスだけ」のシンプルなプラグインを作りました。

※私が個人的に作ったプラグインなので、ご利用や改変などはご自由ですが何か不具合があっても一切責任は負いかねますのでその辺りはご了承下さい。

Tipsアイコン[  ]

「Simple-FB-Likebox2.1」をリリース致しましたので、以下をご覧頂き最新版のご利用をお願い致します。

※基本的に最新版以外のサポートは行っておりません。

【Simple-FB-Likebox2.1】リリース!アイキャッチが無い場合に対応&その他若干の仕様変更
余計な機能を入れずFacebookの「いいね!ボックス」だけのシンプルなAMP対応プラグイン「Simple-FB-Likebox」のバージョン2.1をリリース致しました。 前バージョンをお使いの方はアップデートをお願い致しま...

その他「Simple-FB-Likebox」の記事はこちらをご確認下さい。

404 NOT FOUND | Tips 4 Life|毎日が便利で快適なiPhone&PC生活
毎日使うiPhoneやPCをより快適に使えるよう便利だと感じたものをご紹介!iPhoneの脱獄、脱獄アプリ(Tweak)やPCのカスタマイズソフト、HTML、CSS、JavaScriptなどをメインに、デザインや生活全般のTipsもご紹介します。

オシャレなFacebookの「いいね!ボックス」

「Simple-FB-Likebox」を使うと、WordPressの記事下に以下のようなFacebookの「いいね!ボックス」が表示されるようになります。

オシャレなFacebookの「いいね!ボックス」のサンプル画像01

イケてるブログなどでよく見るタイプのいいねボックスですね☆

また、いいね!ボックスの左側には「記事のサムネイル(アイキャッチ画像)」が表示されるので、ブログ初心者の方もこれがあるだけで一気に良い感じに見えます。

※現状記事のサムネイル(アイキャッチ画像)が設定されていないと画像は何も表示されません。

一番読み手のモチベーションが高い「記事下」へ表示

文章の書き方にもよりますが、基本的にブログというのは記事を読み終わった時が一番読み手のモチベーションが高いと言われています。

しっかりと考えて書いた記事を最後まで読んでくれたユーザーは、そのままのモチベーションで「いいね!」をしてくれる可能性が高いので、記事下にいいね!ボックスを表示させる事で「いいね!」を獲得出来る可能性が上がります。

これは広告でも同じ事が言えるので、記事下にアドセンスなどの広告を入れてる人は良く見ますね☆

Simple-FB-Likeboxは「記事を」いいね!

私はVA Social Buzz以外の同様のプラグインを使ったことがないので他のプラグインの事はわかりませんが、VA Social Buzzは「Facebookページへいいね」でした。

少しわかりずらいかもしれませんが、今までVA Social Buzzを使って記事下に表示していた「いいね!ボックス内」のいいね!ボタンを押すと、「記事ではなく、私のFacebookページをいいねされる仕様」でした。

これは「いいね!」された時点でFacebookページをフォローされますし、Facebookページを運用している方にとってはこちらの方が有益な場合が多いので良いのですが、個人的には記事を読んで「良かった」と思ってくれたら「その記事をいいね!」してもらった方が嬉しいです。

Facebookページにいいねされても、あまりFacebookに詳しくない私には「どの記事にいいねされたのか」を後日確認しようと思っても全然わかりません(笑)

その点、いいね!をFacebookページではなく記事にする事で「○○の記事がいいね!された」というのがはっきりと簡単にわかります。

Facebookアカウントを持って無くてもOK!

前述した通り「Facebookページへのいいね!」だと、そもそもFacebookページを持ってないと意味がありません。

そりゃそうです。いいね!する先が存在しないのですから、最低でも「Facebookアカウントを持っていないと機能しません」。

ですが、「記事へのいいね!」にする事で「自分のFacebookアカウントの有無は関係ない」という事になります。

記事を見た人が「いいね!」をしてくれたら、「いいね!してくれた人のタイムラインに記事が紹介」されます。記事を書いている人のFacebookアカウントの有無は関係ありません。

「ブログを始めたけどFacebookはやっていない」という方は結構いるので、これが原因で導入できなかったという方も、これでほぼメリットしかなくなると思います。

Simple-FB-Likeboxの設定項目は3つだけ!

後述しますが、Simple-FB-Likeboxで設定する項目はたった3箇所(※)だけです。

※チェックボックスを入れると4箇所です。

それぞれ「表示したいメッセージ」を入れるだけの超シンプル&簡単仕様です。

Simple-FB-Likeboxの使い方

説明の画像はSimple-FB-Likebox1.0ですが、最新版のバージョンと読み替えてください。

[Step1]Simple-FB-Likeboxのダウンロード

まずは以下から「Simple-FB-Likebox」(現在バージョン2.1)のzipファイルをダウンロードして、デスクトップなどのわかりやすい場所へ保存します。

[Step2]Simple-FB-Likeboxのインストールと有効化

WordPressの管理画面を開き、画面左側のメニューから「プラグイン」 > 「新規追加」と進み、「プラグインのアップロード」をクリック。

プラグインの新規追加画面01


以下の画面が表示されたらファイルを選択をクリック。

プラグインの新規追加画面02


ファイルの選択画面になりましたら、先程保存した「Simple-FB-Likebox2.1.zip」を選択して「開く」をクリック。

ファイルの選択画面01

ファイルの選択画面02


WordPressの管理画面に戻るので、以下のように「Simple-FB-Likebox2.1.zip」が選択されていることを確認して、今すぐインストールをクリック。

プラグインの新規追加画面03


インストールが問題なく完了したらプラグインを有効化をクリックして完了です。

Simple-FB-Likeboxの設定

プラグインの追加から「Simple-FB-Likebox」をインストール&有効化すると、以下のように管理画面左側のメニューバーへ「Simple-FB-Likebox」という項目が追加されます。

Wordpress管理画面のサイドバーメニューへ「Simple-FB-Likebox」が追加された状態

追加された上記メニューをクリックすると、以下の「Simple-FB-Likeboxの設定画面」が表示されます。

※何も入力していない状態では「グレーで例文を表示」させています。

Simple-FB-Likeboxの設定画面

上記の赤丸の番号の項目は、以下の番号の部分に対応しています。

オシャレなFacebookの「いいね!ボックス」のサンプル画像01

あとは上記を参考に3箇所のテキストを入力して変更を保存をクリックして完了です☆

また、のシェアコメントの部分が不要な方は「シェアコメントの非表示」の項目にチェックを入れるだけで非表示に出来ます。

ご利用前にお読み下さい

どれもそこまで気を付けるほどの事ではありませんが、「Simple-FB-Likebox」のご利用にあたっていくつか書いておきます。

ご利用になられる前に一度目を通して頂けますようお願い致します。

「Simple-FB-Likebox」について

本プラグインは当サイト管理人(私)が個人的に作ったものを他の人にも使えるように一般公開しているプラグインです。

なので自由にお使い頂いて結構ですし改良して頂いても結構ですが、本プラグインを使って起きたトラブルなどに関しては一切責任は負えません。

バグやご要望に関しては可能な限り対応させて頂こうとは思っておりますが、基本的に本業が終わった後の寝る前などにブログ運営をしているので、対応に恐ろしく時間が掛かる場合があります。

また、ご希望に添えない場合も多々あるかと思いますのでその点は何卒ご理解頂けますようお願い致します。

当プラグインはクレジット必須ではありませんが、使ってみて良かったらご紹介頂けると喜びます♪

バグの報告やご質問などありましたら「お問合わせ」、またはTwitterのアカウント「RA’s(らす)@T4L」までお願い致します。

Simple-FB-LikeboxのAMP対応について

Simple-FB-Likeboxは一応AMPに対応させています。

プラグインを有効にしてもAMPエラーは出ないようにしてありますが、そもそもプラグイン側でAMP対応させるというのは基本的に難しいのでかなり力技でAMP対応させています。

ですので当プラグインを有効にしても基本的にAMPエラーは出ないとは思いますが、お使いのテーマによってはAMPの対応方法が違う可能性もあるので当然ですが絶対とは言い切れません。

また、AMPページではいいね!ボタンのテキストが「Like」と表示されます。これはFacebookがAMP用のボタンを日本語対応していないためです。

検証済みのテーマ

で検証済みのテーマに付いては以下になります。

※全てでの最新バージョン、プラグインなどは入れていない状態での検証となります。

Simplicity2 + Simplicity2 child

Luxeritas + Luxeritas child
※現在、LuxeritasではAMPページで表示されません。

xeory_base

まとめ

「Simple-FB-Likebox」はFacebookの「いいね!BOXだけ」のシンプルなプラグインです。

設定も簡単で、3箇所に好きなテキストを入力するだけで「オシャレないいね!BOX」を設置出来るので、初心者の方でも簡単に導入できます。

また、「いいね!」は記事に対して指定してあるのでFacebookページなどの運用をされていない方には特におすすめです☆

バグの報告や、もし「Simple-FB-Likebox」の導入にあたってご質問などありましたら「お問合わせ」か本記事下部にあるコメント欄、Twitterのアカウント「RA’s(らす)@T4L」からお願い致します。

シェアして頂けると喜びます☆

この記事が気に入ったら
いいね ! しよう

WordPressでPCやスマホ(iPhone)などのTips(便利情報)、その他日常生活で便利だと感じた事やモノを書いているIT関係のナンデモ屋さんです。
シンプルなプラグインなどもたまに作っていますのでご自由にお使い下さい☆

RA's(らす)@Tips4Lifeをフォローする
WP-Plugin(自作)
記事が良かったらこちらから教えてあげてください☆
Tips 4 Life|毎日が便利で快適なiPhone&PC生活

ディスカッションコーナー コメントやご質問、その他この記事に関する事はこちらからどうぞ☆

Top