訪問者がスクロールできるスライド式の Facebook フィードを導入して、WordPress サイトをより活気のあるものにしたいですか?
Facebook スライダーを追加すると、最新の投稿を目を引くインタラクティブな方法で表示できるため、サイトを最新の状態に保ち、より多くのフォロワーが Facebook ページに接続するように促すことができます。
しかし、デフォルトのツールを使用して Facebook スライダーを設定すると、混乱が生じたり、必要なカスタマイズが不足したりする場合があることをご存知でしたか?
あるビジネスオーナーと一緒に仕事をしていたとき、そのオーナーは Facebook のコンテンツを目立たせようと何時間も苦労したが、結局は魅力のない基本的なフィードしか作れなかったことを覚えています。
Smash Balloon では、数百万の WordPress ユーザーがソーシャル メディア フィードをシームレスに紹介できるようサポートしてきた経験を活かし、誰でも使用できるシンプルなソリューションを作成しました。
この記事では、2025 年に更新された手順を使用して、WordPress ウェブサイトに Facebook スライダーを追加する方法について説明します。
さらに、セットアップは素早く簡単に行えます。コーディングやデザインの専門知識は必要ありません。
この記事で
Facebookスライダーを作成する最も簡単な方法
Facebookのプラットフォームを使って、ウェブサイトに投稿を埋め込もうとしたことはありますか？限られたことしかできません：
- Facebookフィードのデザインをカスタマイズするオプションはありません 。背景色を変えたいですか？フィードのヘッダーを変更したいですか？できません。
- フィードをカルーセルやスライドショーで表示したいですか？Facebookではこのようなことはできません。
- それには多くのリスクが伴う。コードの一部を変更し、WordPressに手動で追加する必要があります。つまり、技術に精通していなければ、誤ってウェブサイトを壊してしまう可能性があるということだ。
- カスタマーサポートがない 。迷ったり、道に迷ったりした？自分で解決してください。
WordPressでFacebookのフィードスライダーを表示する最も簡単な方法は？Facebook Feed Proのような信頼できるWordPressプラグインを使いましょう。
Facebook Feed Proは、WordPress初心者に最適な非技術系プラグインです。
このプラグインを使えば、専門的な知識は必要なく、あなたのウェブサイトにFacebookのフィードを簡単に表示することができます！専門的な知識は必要ありません！このプラグインは、あなたのためにすべてのハードワークを行います。
WordPressのための最高のFacebookフィードプラグインとして、それは軽く、超高速であるように設計されています。このプラグインは強力な機能をたくさん持っていますが、あなたのウェブサイトを遅くすることはありません。
このプラグインの便利な機能をいくつかご紹介しましょう：
- 数分で設定できます：WordPress初心者ですか？技術に詳しくなくても、プラグインを簡単にインストールし、カルーセル拡張機能を追加して、数回クリックするだけでFacebookのフィードカルーセルを表示できます。
- 1 つのプラグインで、さまざまな Facebook コンテンツの選択肢: このプラグインのすばらしい点の 1 つは、Facebook ページ、イベント カレンダー フィード、アルバム、ビデオ、さらには顧客レビューのコンテンツを WordPress Web サイトに追加できることです。
- カスタマイズが超簡単:Facebookフィードのデザインやレイアウトを、ブランドのビジュアル・アイデンティティに合わせて変更したいですか？わかりにくいコードに触れる必要はありません。ライブフィードカスタマイザーを使うだけです。
- レスポンシブ：モバイルフレンドリーです。さらに、どのような画面サイズやデバイスでも美しく表示されます。
- 高速ローディング：プラグインは効率的にデータをリクエストするので、Facebookフィードのサイトへの読み込みが速くなります。
- スマートなバックアップシステム：Facebookが一時的にダウンしても、ウェブサイトの訪問者はFacebookのスライダーフィードを見ることができます。
プラグインの便利な機能に加え、Facebook Feed Proの一番の魅力は、その背後にある素晴らしいカスタマーサポートチームだ。
実際、このプラグインは25万人以上のユーザーから 4.9/5つ星の 確かな評価を得ています。メッセージを送るだけで、この効率的でフレンドリーなチームがあなたに手を差し伸べるために最善を尽くします。
WordPressにFacebookスライダーを追加して、Facebookページのエンゲージメントを高める準備はできましたか？今すぐFacebook Feed Proを始めましょう。
それでは、以下のステップ・バイ・ステップのチュートリアルに沿って飛び込んでみよう。
ステップ1：Facebook Feed Proプラグインとカルーセル拡張機能をインストールする
まずは、Facebook Feed Proプラグインをこちらから入手してください。カルーセル拡張機能もこちらからダウンロードできます。
Smash Balloonのすべてのプラグインとエクステンションにアクセスしたいですか？All-Access Bundleをご利用ください。
すべてのプラグインをコンピューターにダウンロードし終わったら、次のステップはWordPressサイトにインストールすることです。
やり方がわからない？WordPressのプラグインをインストールする方法については、こちらのステップバイステップのチュートリアルをご覧ください。
それが終わったら、WordPressのダッシュボードからFacebook Feed " Extensions メニューに行き、Carouselセクションを探してください。
そのセクションで、アクティベートボタンを クリックするだけです。
さあ、Facebookカルーセルスライダーの作成に取り掛かりましょう。
ステップ2：Facebookスライダーを作成する
次のステップは、Facebookスライダーフィードを作成することです。そのためには、WordPressのダッシュボードを開き、Facebookフィード " すべてのフィードに進みます。
そのページで、新規追加 ボタンをクリックする。
Facebookスライダーに選択できるすべての異なるフィードタイプを見ることができます。
このプラグインを使えば、タイムラインフィード、写真フィード、アルバムフィード、レビューフィード、Facebookギャラリーなど、9種類のオプションが利用できる。
続行するには、お好みのフィードの種類を選択し、右上の「次へ」 ボタンをクリックするだけです。
このチュートリアルでは、タイムラインフィードを使うことにしよう。
ステップ3：Facebookページに接続する
Facebookスライダーを作成したら、Facebookに接続しましょう。そのためには、ソース（あなたのFacebookのビジネスページ）を追加する必要があります。
それを始めるには、ここで新規追加 ボタンをクリックする。
スライダーのソースを選択する新しいポップアップが表示されます。あなたのFacebookのビジネスページをソースとして使用することを選択し、[接続]をクリックします。
プラグインがFacebookに移動し、Facebookスライダーに表示したいページを選択するように指示します。
ここでページを選択したら、「Next」をクリックします。
その後、プラグインはあなたのFacebookスライダーを表示できるように、あなたのFacebookアカウントへの読み取り専用 アクセスを要求します。
つまり、プラグインはあなたのアカウント上の何かを変更することはできません。
そこで、「完了」を クリックして読み取り専用アクセスを許可し、続行する。
その後、「Add」 ボタンをクリックして、全体を確定し、フィードの新しいソースを追加することができます。
そうしたら、「次へ 」をクリックして次のステップに進んでください。
ステップ4：Facebookスライダーをカスタマイズする
新しいスライダーをFacebookに接続し終えると、ライブフィードエディターが開きます。
左側には、すべてのカスタマイズオプションが表示されます。これらのオプションを使ってフィードをカスタマイズすると、右側にフィードのプレビューが表示されます。
それでは、カスタマイズを始めましょう。まず、フィードレイアウトオプションをクリックします。
ここでは、フィードをFacebookのスライダーにするレイアウトを選ぶことができます。
左のカルーセルオプションを 選択するだけです。
右側には、カルーセルスライダーレイアウトのFacebookフィードが表示されます。
ここでSave ボタンをクリックして新しいレイアウトを保存します。
次に、左側のオプションをスクロールダウンし、「デスクトップ・カラム」 フィールドを探します。ここで、あなたのスライダーがコンピューター上の訪問者に表示する記事の数を選択することができます。
その下に、「モバイルカラム」 オプションがあります。このオプションでは、モバイルデバイスからの訪問者が一度に見ることができる記事の数を設定することができます。
これらのフィールドに必要な列数を追加し、保存ボタンをクリックするだけです。
これはほんの始まりに過ぎません。自動再生設定、インターバル、ページネーションスタイルなど、スライダーの他の設定もここで変更できます。
完了したら、Save ボタンをクリックします。
カルーセルスライダーの設定が完了したら、カスタマイズを クリックしてメインのカスタマイズオプションに戻ります。
続けて、配色 オプションを選択します。
あなたのFacebookスライダーのために選ぶことができる4つの異なるカラースキームを見ることができます。
- テーマから継承： Facebookのスライダーはあなたのウェブサイトの色をコピーします。
- 明るい：明るめの背景で明るい印象を選ぶ。
- ダーク：Facebookのスライダーの背景をダークにする。
- カスタム：手動でFacebookスライダーのすべての色を選択します。
ここで好きな配色を選んで「保存」をクリックするだけ。
その後、ライブフィードエディタを使ってFacebookスライダーの様々な部分をカスタマイズすることができます。フィードタイプ、ヘッダースタイル、投稿エレメント、その他もろもろをここで変更することができます。
最後に「保存」をクリックし、ステップ5に進んでFacebookスライダーを埋め込みます。
ステップ5：ウェブサイトにFacebookスライダーを追加する
カスタマイズが終わったら、いよいよあなたのウェブサイトに埋め込みます。それには、2つの方法があります：
- Facebookスライダーをページに追加する
- サイドバーにFacebookスライダーを追加する
どちらもとても簡単なので、さっそくやって見よう：
Facebookスライダーをページに追加する
WordPressのページにFacebookスライダーを追加したい場合、ライブフィードエディターから簡単にできます。
画面右上の埋め込み ボタンをクリックするだけです。
プラグインは、Facebookスライダーの場所を選ぶための新しいポップアップを表示します。
そこで、ここでAdd to a Pageオプションを選択する。
次に、どのページにFacebookスライダーを表示させるかを選択できます。リストから好きなものを選んで、追加をクリックしてください。
新しいブロックを追加するには、小さなプラスアイコン（+）をクリックします。 をクリックして新しいブロックを追加する。
そして、オプションからカスタムFacebook フィードウィジェットを選んでください。
最後にPublishを クリックすれば完了だ！
あなたのウェブサイトを開いて、新しいFacebookスライダーがどのように見えるか見てみましょう。
サイドバーにFacebookスライダーを追加する
Facebookのスライダーをウェブサイトのサイドバーに表示したいですか？
ライブフィードエディターからも可能です。
まず、WordPressのダッシュボードからFacebookフィード " すべてのフィードにアクセスします。そのページには、これまでに作成したすべてのFacebookフィードのリストがあります。
続けて、先ほど作成したFacebookのスライダーフィードをクリックします。
これでライブフィードエディターが再び開きます。サイドバーにFacebookスライダーを追加するには、埋め込み ボタンをクリックします。
新しいポップアップで、「ウィジェットに追加」 ボタンをクリックします。
これで、プラグインはウィジェットページを開き、新しいスライダーを Facebookウィジェットとして追加できるようになります。
サイドバーパネルを クリックして開きます。
プラスアイコン（+）をクリックして、サイドバーに新しいウィジェットを追加できます。 をクリックして、サイドバーに新しいウィジェットを追加できます。
最後に、カスタムFacebookフィードウィジェットを 選択して、WordPressのサイドバーにFacebookスライダーを追加します。
これで完了です！これで、あなたのウェブサイトを開いて、Facebookスライダーがどのように見えるかを見ることができます。
そうだ。
このステップバイステップのガイドを読めば、あなたのウェブサイトにFacebookスライダーを簡単に追加する方法がわかります。これで、ブランド認知度とFacebookページのファンを同時に高めることができます。
ご覧の通り、このプラグインを使えば、ソーシャルメディアのフォロワーを増やし、ビジネスを成長させるのがとても簡単になる。
Facebookのフィードを作成する準備はできましたか？ここをクリックしてFacebookフィードを始めましょう。
Facebookのヒントをもっと知りたいですか？Facebookページをウェブサイトに埋め込む方法については、次の記事をご覧ください。
最後に、この記事がお役に立ったなら、あなたのブランドのソーシャルメディア・マーケティングを次のレベルに引き上げるために役立つヒントをもっと得るために、ツイッターや フェイスブックで私たちをフォローしてください。
