FacebookのフィードをWordPressに追加したいが、何から始めたらいいかわからない？
フェイスブックのコンテンツをウェブサイトで共有することは、より多くの人とつながり、サイトを常に新鮮に保ち、オンラインビジネスを後押しする最も簡単な方法のひとつです。
しかし、Facebookの公式プラグインや手動の埋め込みコードを使おうとしたことがあるなら、すぐに混乱してしまうことをご存じだろう。さらに、カスタマイズには限界があり、一歩間違えればサイトが壊れてしまうかもしれません。
初めてWordPressにFacebookのフィードを追加しようとしたとき、予想以上に時間とトラブルシューティングが必要だった。そこで私は、誰でも簡単に使える、より良い解決策を探すことにした。
Smash BalloonでWordPressユーザーのFacebookコンテンツ紹介をお手伝いしてきた経験から、最も迅速で確実な方法を見つけました。コードや技術的な問題は一切ありません！
このビギナーズガイドでは、WordPressサイトにFacebookフィードを設置する手順をステップ・バイ・ステップで学び、WordPress初心者でもわずか数分で投稿や写真などを共有できるようになります。
この記事で
WordPressにFacebookフィードを追加する方法
Facebookのプラグインを使って手動で Facebookのフィードをサイトに設置する場合、次のような制限がたくさんある：
- 初心者には分かりにくい：フェイスブックのプラグインを使うのはかなり複雑だ。いくつかのウェブサイトを使い、長いコードスニペットをコピーしてサイトに貼り付ける必要がある。
- あなたのサイトにリスクがある：コード・スニペットのコピーや貼り付けのちょっとしたミスが、あなたのウェブサイトを誤って壊してしまう可能性があります。そして、サイトの問題を解決するのに通常どれくらいの時間がかかるかご存知ですよね？
- カスタマイズに制限がある：FacebookのPageプラグインを使用している場合、コードの一部を微調整する必要があるため、フィードの見え方をカスタマイズするのは難しい。
- サポートがない：Facebookのプラグインを使って手動でコードを埋め込む際に問題が発生した場合、あなたを助けることができる専門のサポートチームはありません。
心配ですか？その必要はない。
WordPressのプラグインを使ってFacebookのフィードを自動的に ウェブサイトに掲載すれば、そのような問題は発生しないからだ。
その代わり、簡単に...
- コーディング不要で、5分以内にインタラクティブなFacebookフィードをウェブサイトに埋め込むことができます。
- Facebookの投稿やフィードの見栄えをコントロールし、ブランドのアイデンティティと一致させる。
- 表示したいFacebookフィードのタイプをカスタマイズする
- サイト訪問者がサイトを離れることなくFacebookのコンテンツに参加できるように促します。
WordPressに最適なFacebookフィードプラグイン、Facebook Feed Proを使えば、ウェブサイトに表示できる完全にカスタマイズ可能なFacebookフィードを簡単に作成できます。
あなたのサイトにFacebookフィードを設置する最も簡単な方法
最高のFacebook WordPressプラグインであるSmash Balloon Facebook Feed Proは、カスタマイズ可能なFacebookフィードを作成し、ウェブサイトに埋め込むことで、Facebookコンテンツのクロスプロモーションを支援します。
このプラグインはユーザーを念頭に置いて設計されているため、超高速 かつユーザーフレンドリーで、次のような機能が満載されている：
- Facebookのアルバムフィード、イベントフィード、写真フィード、レスポンシブビデオフィードなど、あらゆるタイプのFacebookフィードをサイトに簡単に埋め込むことができます。
- このプラグインは箱から出してすぐに素晴らしい外観を持つため、既存のテーマのスタイルを自動的にコピーし、あなたのブランドのビジュアルに対応します。あなたのような外出の多いビジネスオーナーに最適です。
- プラグインは軽量で高速なので、Facebookの投稿を好きなだけ埋め込むことができ、すべての読み込みがこれまでと同じくらい速くなります。
- Facebook Feed Proにはビジュアルフィードカスタマイザーが組み込まれているので、数回クリックするだけでフィードのデザインとコンテンツをカスタマイズできます。
最後に、このプラグインには一流のサポートチームがついて いることをお伝えしましたか？
Facebookフィードの設定中に何か心配なことがあれば、メッセージを送ってください。
その結果、このプラグインは4.9/5つ星の確かな評価を得ており、世界中で25万人以上の ユーザーに信頼されている。
WordPressにFacebookのコンテンツを追加する準備はできましたか？
WordPressにFacebookフィードを簡単に設置する方法
このことを念頭に置いて、Facebook Feed Proプラグインを使ってWordPressにFacebookのフィードを設定しましょう。
ステップ1: Smash Balloon Facebook Feed Proをインストールする
まずは、Smash Balloon Facebook Feed Proを入手しましょう。
プラグインをコンピュータにダウンロードした後、WordPressプラグインをウェブサイトにインストールするためのステップバイステップの指示に従ってください。
ステップ2：新しいFacebookフィードを作成する
次に、ダッシュボードからFacebookフィード " すべてのフィード メニューにアクセスして、Facebookフィードの作成を開始します。
ここで、左上の「新規追加」 ボタンをクリックする。
このプラグインを使えば、9種類のFacebookフィードから選ぶことができる：
- フェイスブック・タイムライン
- フェイスブックの写真
- ビデオ
- アルバム
- イベント
- レビュー
- シングル特集記事
- シングル・アルバム
- ソーシャルウォール
このチュートリアルでは、タイムラインフィードタイプを選択します。
フィードの種類を選択したら、「Next（次へ）」をクリックして次に進みます。
ステップ3: Facebookフィードアカウントに接続する
次に、新しいフィードをFacebookアカウントに接続し、投稿をサイトに表示できるようにします。
そのためには、ポップアップの新規追加 ボタンをクリックする。
次に、Facebookアカウントを接続するか、APIキーを使用するかを選択する新しいポップアップが表示されます。
APIキーをお持ちでない場合は、Facebookに接続ボタンをクリックしてください。
そうすると、Facebook Feed ProがFacebookサイトにリダイレクトします。
ここで、Continue ボタンをクリックして使用するアカウントを確認します。
その後、プラグインにFacebookアカウントへの読み取り専用 アクセス権を与えることができる。
Facebook Feed Proは完全に安全で、アクセスは読み取り専用で、アカウントに変更を加えることはできません。
読み取り専用アクセスを確認するには、「完了」ボタンをクリックします。
これで、「追加 」をクリックして、新しいFacebookフィードのソースとしてあなたのページを確認することができます。
こうして、新しいFacebookフィードのソースが完成した。
あとはこれをソースとして選択するだけだ。
そのためには、先ほど接続したFacebookページを選択し、「Next」をクリックする。
ステップ4：Facebookフィードをカスタマイズする
美しいFacebookフィードを簡単に作成できるよう、プラグインにはインポート可能な便利なテーマが付属している。
好きなテーマを選んで「次へ」をクリックするだけ。
次に、テンプレートを変更して、ウェブサイトの投稿のレイアウトを選択することができます。
前回同様、テンプレートを選択し、「Next」をクリックする。
Facebookフィードのテンプレートをインポートすると、プラグインはライブフィードエディタを開きます。
ここでは、左側にさまざまなカスタマイズオプションを見ることができます。これらを使って、レイアウト、テーマ、投稿要素などを変更することができます。
変更を加えたら、右側のライブ・プレビュー・セクションをチェックし、Facebookフィードがどのように表示されるかを確認することができる。
フェイスブックのフィードの色を変えるところからカスタマイズを始めよう。
そのためには、左の配色 オプションをクリックします。
Facebook Feed Proでは、4つのカラースキームを選択できます：
- テーマから継承する： WordPressテーマの色をコピーする
- 明るい： 暗いフォントで明るい背景を表示
- 暗い:明るい色のフォントとともに暗い背景を表示する。
- カスタム： 手動ですべての色を選択する
配色に満足したら、「保存」 ボタンをクリックします。
この後、カスタマイズ ボタンをクリックすれば、ここからメインのオプションに戻ることができる。
これで、WordPressウェブサイト上で投稿がどのように表示されるかを変更することができます。
左の投稿 オプションをクリックするだけで、すぐに始められます。
ここから、投稿のスタイルやフィードに表示される個々の要素を変更することができます。
とりあえず、Edit Individual Elements ボタンをクリックして続けます。
次に、左側のチェックボックスを使って、Facebookフィードに表示する要素を選択します。
表示したい要素にチェックを入れ、非表示にしたい要素のチェックを外すだけだ。
前回同様、Saveボタンをクリックして変更を保持する。
ライブフィードエディタを使用すると、ヘッダスタイル、ライクボックス、フィードレイアウト、フィードサイズ、背景など、他の多くのオプションがあります。
最後に、変更を保存して最後のステップに進むには、完了したら 「保存 」をクリックします。
ステップ5：WordPressサイトにFacebookフィードを設置する
では、いよいよWordPressのウェブサイトにFacebookのフィードを設置する方法をご紹介しましょう。Facebook Feed Proには2つの方法があります：
- FacebookのフィードをWordPressのページに掲載する
- WordPressのサイドバーやフッターにFacebookのフィードを設置する
チェックしてみよう！
FacebookのフィードをWordPressのページに掲載する
ライブフィードエディタを使用して、わずか数ステップでFacebookのフィードを埋め込むことができます。
まず、上部にある埋め込み ボタンを探してクリックします。
クリックすると、Facebookフィードの場所を選択するポップアップが表示されます。ページに追加 」オプションを選択して次に進みます。
その後、Facebookフィードを表示するWordPressページを選択します。
リストからページを選択し、「追加」をクリックするだけです。
それをクリックすると、プラグインがあなたのページを開き、新しいFacebookフィードを埋め込むことができる。
そのためには、小さなプラスアイコン（＋）をクリックして新しいブロックを追加する。
ブロックを追加したら、便利なWordPressウィジェットを選択してフィードを埋め込むことができます。
オプションからカスタムFacebookフィードウィジェットを 選択するだけです。
Publishボタンをクリックすれば、FacebookフィードがWordPressページに正式に掲載されます。
どのように見えるかは、あなたのウェブサイトを開いて確認してください。
WordPressのサイドバーやフッターにFacebookフィードを設置する
Facebook Feed Proを使えば、ライブフィードエディターからFacebookのフィードをサイドバーやフッターに設置することができます。
ライブフィードエディタを開くには、まずWordPressダッシュボードからFacebookフィード " すべてのフィードメニューに移動します。
そうすると、自分のフェイスブックのフィードがすべて表示される。
続けるには、こちらの新しいフェイスブック・フィードをクリックしてください。
次に、ライブフィードエディタの上部にある埋め込み ボタンをクリックします。
ポップアップでFacebookフィードの場所を選択できるようになりました。Facebookのフィードをサイドバーに埋め込むには、こちらのウィジェットに追加を クリックしてください。
プラグインがウィジェットページに 移動し、新しいフィードをFacebookウィジェットとして埋め込むことができます。
このページで、サイドバーオプションを クリックして、サイドバーウィジェットのパネルを開きます。
サイドバーまたはフッターにFacebookのフィードを追加するには、プラスアイコン（+）を クリックして新しいウィジェットを追加します。
次に、 カスタムFacebookフィード・ウィジェットを選択すれば完了です。
ご覧の通り、このプラグインを使えばFacebookフィードをサイトに追加するのはとても簡単だ。
ウェブサイトのサイドバーにFacebookのフィードが表示されるようになりました。あなたのサイトを開いてみてください。
それで終わりだ！
Facebookのフィードをウェブサイトに埋め込むプラグインの使い方はお分かりいただけたでしょうか。Facebook Feed Proを使えば、ほんの数分でできます。
そうするだけで、Facebookのエンゲージメントを高め、フォロワーを増やし、ソーシャルメディア・マーケティングを使ってビジネスを成長させることができる。
あなたのサイトにFacebookフィードを追加したいですか？Facebook Feed Proを使い始めるには、ここをクリックしてください！
この記事が参考になった方は、ElementorのウェブサイトにFacebookのフィードを埋め込む方法についての次の記事も気に入っていただけるかもしれません。
この記事を楽しんでいただけたなら、ツイッターや フェイスブックでソーシャルメディア・マーケティングのチュートリアルをもっとご覧ください。
