Facebookの投稿を表示することは、訪問者の興味を引き続けるための素晴らしい方法ですが、手動でFacebookのコンテンツを埋め込むのは時間がかかり、複雑です。
Facebookのフィードカルーセルは、美しくインタラクティブなスライダーで最新の投稿を自動的に表示することでこれを解決します。これは、あなたのサイトを新鮮に保ち、エンゲージメントを高め、ソーシャルメディアのフォロワーを増やすことさえできます。
WordPressにFacebookのフィードカルーセルを追加する最も簡単な方法は、Smash Balloon Facebook Feed Proプラグインを使用することです。
コードを扱う代わりに、Facebookページと接続し、カルーセルの外観をカスタマイズし、シンプルなWordPressブロックを使用してサイトに埋め込むためのガイド付きセットアップを取得します。
このガイドでは、コードを書くことなく、手順を追って説明する。
Facebookフィードのカルーセルを追加する最も簡単な方法
WordPressにFacebookのカルーセルを追加することは技術的には可能だが、かなり難しく、厄介な制限がいくつかある。
複雑なコードを扱うだけでなく、始めるだけでもFacebookにアプリ開発者として登録する必要がある。
それに、自分でコードをいじらなければ、デザインを変えることはできない。そこに手を加えると、ウェブサイトが壊れてしまうことさえある。
こうした頭痛の種をすべて回避するには、カルーセルに対応したFacebookフィードプラグインを利用すればいい。
いくつかの選択肢がありますが、私はFacebook Feed Proプラグインをお勧めします。
このツールを使えば、わずか数クリックで美しいFacebookカルーセルを作成できる。さらに、フィードには「いいね！」とシェアボタンまで付いているので、サイトへのアクセスをFacebookのエンゲージメントに変えることができます。
おまけとして、このプラグインを際立たせるハイライトをいくつか紹介しよう：
- ユーザーフレンドリー：3ステップのガイドフローがあるので、専門的な知識は必要なく、誰でもすぐに使い始めることができる。
- カスタマイズ可能：フィードテーマやテンプレートを選んで、美しいフィードデザインを素早くインポートし、ライブカスタマイザーで詳細にカスタマイズできます。
- 豊富なフィードタイプ：Facebookのアルバム、写真、ページのタイムライン、レビュー、Facebookイベントなどを埋め込むことができます。
- 軽量：Facebook Feed Proは最適化されており、スマートキャッシングも搭載しているので、カルーセルの読み込みが可能な限り速くなり、検索エンジンのランキングにも最適です。
- 高評価：このプラグインは25万人以上のユーザーから 4.9/5つ星の評価を得ており、人々は機能とカスタマーサポートにかなり満足しているようだ。
このように、Facebook Feed Proがあなたのビジネスに役立つ方法はたくさんあります。訪問者の関心を引きつけ、フォロワーを増やし、さらに多くのことを実現する確実な方法です。
このプラグインを試してみたい方は、こちらからFacebook Feed Proを入手できる。
Facebookフィードカルーセルを埋め込む理由
- Facebookのフィードカルーセルを使えば、Facebookのコンテンツをアピールし、サイト訪問者から新しいフォロワーやインタラクションを簡単に獲得することができます。
- カルーセルフィードを使って、お知らせ、ニュース、製品リリース、その他の重要なFacebook投稿をハイライトすることができます。さらに、ウェブサイトの訪問者にFacebookで活動していることをアピールできます。
- また、少ないスペースに美しいビジュアルコンテンツをたくさん表示することもできます。つまり、人々の注意を引きつけ、ウェブサイトに留まらせることが簡単にできるのです。
- 商品ページや販売ページをさらに充実させるには、Facebookカルーセルを使ってレビューを強調し、コンバージョンや売上を簡単にアップさせることができます。
WordPressにFacebookフィードのカルーセルを追加する方法
あなたのウェブサイトにFacebookのカルーセルを追加する準備はできましたか？以下に、その全プロセスをご紹介しますので、ぜひご覧ください：
ステップ1：Facebook Feed Proプラグインをインストールする
まず最初に、Facebook Feed Proプラグインを入手してください。それから、Carouselエクステンションもこちらからダウンロードできます。
両方のプラグインのダウンロードが完了したら、WordPressウェブサイトにインストールして有効化するだけです。
WordPressプラグインのインストール方法については、こちらの便利なガイドもご参照ください。
ステップ 2: カルーセル拡張機能を有効にする
次のステップは、WordPressサイトのカルーセルアドオンを有効にすることです。これを行うには、まずダッシュボードからFacebookフィード " 拡張機能 メニューに行きます。
この新しいページで、カルーセルのセクションを探し、アクティベートボタンをクリックします。
ステップ3：新しいFacebookフィードを作成する
さあ、あなたのサイトに新しいFacebookフィードを作成しましょう。
まず、WordPressのダッシュボードからFacebookフィード " すべてのフィード メニューを開き、新規追加 ボタンをクリックします。
プラグインは、Facebookのフィードカルーセルに使用できるすべてのフィードタイプを表示します。
タイムラインフィード、写真フィード、アルバムフィード、レビューフィードなど、9種類のオプションを見ることができる。
ご希望のフィードタイプを選択し、「次へ」 ボタンをクリックして次に進みます。
チュートリアルではタイムライン・フィードを使うことにしよう。
ステップ4：フィードをFacebookに接続する
新しいFacebookフィードができたら、次はそれをFacebookページにつなげましょう。
ポップアップの新規追加 ボタンをクリックして開始します。
次に、Facebookページを接続するか、API Access Tokenを入力するかを選択できます。
すでにトークンをお持ちの場合は、ここでトークンを入力し、手動でアカウントに接続することができます。
そうでなければ、Facebookに接続ボタンをクリックするだけです。
その後、プラグインがフェイスブックに送信されるので、接続したいフェイスブックのアカウントを選択する。
Continue ボタンをクリックして次に進みます。
このプラグインは、あなたのFacebookプロフィールへの読み取り専用 アクセスを要求します。これにより、Facebook Feed Proはあなたの情報を見ることができますが、変更を加えることはできません。
基本的に、これはプラグインの使用が完全に安全であることを意味します。
続行するには、ポップアップのAddボタンをクリックします。
そうすれば、このFacebookページをカルーセルフィードのソースとして選択できる。
そして「次へ」ボタンを押せば、ここで終了だ。
ステップ5：Facebookフィードのカルーセルをカスタマイズする
フィードをFacebookに接続した後、プラグインは、あなたがインポートすることができるさまざまな事前に設計されたテーマを提供します。
これらのテーマにはそれぞれ異なる外観が付属しており、ウェブサイト上での投稿の表示方法が変わります：
- デフォルト
- モダン
- ソーシャルウォール
- 概要
- オーバーラップ
テーマを選択したら、「Next 」をクリックして次に進みます。
テーマをインポートしてフィードの外観を変更したら、フィードテンプレートを選択できます。
さまざまなテンプレートを選ぶことで、Facebookの投稿やヘッダーなどのレイアウトを変更できる。
ここでテンプレートを選択し、「次へ」をクリックします。
フィードテンプレートをインポートすると、ライブフィードエディタにフィードが表示されます。
左側には、フィードのカスタマイズオプションがあります。フィードのレイアウトや配色、ボックスのスタイル、ヘッダーのスタイルなどを変更できます。
ここでは、カルーセル・レイアウトを有効にする方法と、その他いくつかのカスタマイズ・オプションを変更する方法を紹介しよう。
カスタマイズを開始するには、左側のフィードレイアウトオプションをクリックします。
次に、カルーセルオプションを 選択して、Facebookフィードのカルーセルレイアウトを有効にします。
カルーセルレイアウトを選択すると、右側に新しいFacebookフィードカルーセルのリアルタイムプレビューが表示されます。
次に、左側にスクロールダウンして、デスクトップ・カラムと モバイル・カラムを変更するオプションを見つけることができます。
また、Facebookのカルーセルにナビゲーションの矢印やページネーションを表示することもできます。
Facebookのフィードに満足したら、変更を保存することを忘れないでください。
カスタマイズ ボタンをクリックすると、すべてのカスタマイズ・オプションが表示されます。
そこから、Facebookフィードカルーセルの色を設定するために、配色 オプションを選択します。
Facebook Feed Proプラグインでは、4つの異なるカラースキームから選ぶことができます：
- テーマから継承： サイトの色をコピーする
- 明るい：暗いフォントで明るい背景
- Dark：暗い背景と明るい文字色
- カスタム：手動ですべての色を選択する
お好みの配色を選択し、もう一度「保存」をクリックします。
ライブフィードエディタを使って、新しいFacebookフィードカルーセルをカスタマイズできます。これらのオプションを使用すると、フィードの種類、カバー写真のスタイル、投稿の要素、および大いに多くを設定することができます。
カスタマイズが完了したら、「保存」をクリックします。
ステップ6：Facebookフィードカルーセルをウェブサイトに埋め込む
このステップでは、新しいFacebookフィードカルーセルをサイトに掲載します。これには2つの方法があります：
- Facebookのフィードカルーセルをページに埋め込む
- Facebookのフィードカルーセルをサイドバーやフッターに埋め込む
Facebookフィードカルーセルをページに埋め込む
ライブフィードエディタを使って、簡単にFacebookのフィードをサイトページに埋め込むことができます。まず、上部の埋め込み ボタンをクリックします。
次に、Facebookフィードカルーセルを埋め込む場所を尋ねるポップアップが表示されます。手動でソーシャルメディアのフィードを埋め込みたい場合は、ショートコードをコピーすることもできます。
続行するには、「ページに追加」オプションを選択するだけです。
その後、ポップアップにWordPressページのリストが表示されます。
Facebookフィードのページを選び、「追加」 ボタンをクリックします。
そうすると、そのページがWordPress Gutenbergエディターで開かれます。
ここで小さなプラスアイコン（＋ ）をクリックして新しいブロックを追加する。
上部の検索バーで「facebook」を 検索してください。
次に、下の検索結果からカスタムFacebookフィードウィジェットを 選択します。
その後、「公開 」をクリックすれば、あなたのウェブサイトにFacebookのフィードカルーセルが追加されます！
今すぐウェブサイトを開いて、どのように見えるかをチェックすることができます。
ご覧のように、Facebook Feed Proを使えば、あなたのページにフィードを表示するのはとても簡単です。本当に市場で最高のWordPress Facebookプラグインです。
次に、このプラグインを使ってFacebookウィジェットをサイトに埋め込む方法を見てみましょう。
Facebookフィードカルーセルをサイドバーやフッターに埋め込む
ライブフィードエディタを使って、サイトのサイドバーやフッターに新しいカルーセルフィードを追加することもできます。
ライブフィードエディタをもう一度開くには、WordPressダッシュボードからFacebookフィード " すべてのフィードメニューに移動します。
そこには、あなたのフェイスブックのフィードがすべて表示されている。
続行するには、新しいフェイスブックのカルーセルフィードをクリックしてください。
ライブフィードエディタに戻ります。Facebookフィードカルーセルの埋め込みを開始するには、先に進み、埋め込みをクリックします。
新しいポップアップでは、Facebookのフィードを埋め込む場所を選択できます。
ウィジェットに追加 ]オプションを選択します。
これをクリックすると、WordPressサイトのウィジェットページに移動します。ここで、カルーセルフィードをFacebookウィジェットとしてフッターやサイドバーに追加できます。
ここでサイドバーパネルを クリックして続ける。
しかし、Facebookのフィードをフッターに埋め込みたい場合は、代わりにフッターパネルを クリックしてください。
このチュートリアルでは、フッターオプションを使うことにする。
次に、プラスアイコン（+）をクリックして、パネルに新しいウィジェットを追加します。
最後に、Facebookのフィードを埋め込むために、すべてのオプションからカスタムFacebookフィードウィジェットを 選択します。
アップデートの ボタンをクリックするだけで、ここでの作業は完了する。
その後、サイトを開くと、サイドバーにFacebookのコンテンツが表示されたカルーセルが表示されます。
それで終わりだ！
さて、WordPressサイトにFacebookのフィードカルーセルを追加する方法はお分かりいただけただろうか。見ての通り、とても簡単だ。複雑なコードは必要なく、必要なのは適切なツールだけだ。
カルーセルに適した投稿を選べば、簡単に訪問者を惹きつけ、Facebookのフォロワーを増やすことができる。
Facebookのカルーセルを埋め込む準備はできましたか？今すぐFacebook Feed Proを始めましょう。
Instagramの魅力的なコンテンツをサイトに表示したいですか？このガイドに従って、Instagramのフィードをサイトに埋め込む方法を学びましょう。
ソーシャルメディア・マーケティングのヒントとガイド
- WordPressからFacebookの投稿をスケジュールする方法（ステップバイステップ）
- オンライン成長のための最高のソーシャルメディア分析ツール（エキスパート・ピック）
- WordPressの古い記事をFacebookに自動リポストする方法
- プロ・マーケターが愛用するWordPressソーシャルメディア・プラグイン・ベスト
- 複数のTikTok動画を一度に埋め込む方法（コーディングゼロの方法）
