スライブアーキテクトのウェブサイトにFacebookフィードを埋め込む方法【最良の方法
クリック・ソーシャル

ClickSocialを使ってWordPressから直接ソーシャルメディア投稿をスケジュールする

無料トライアル開始 アングルライト
ホーム ブログ スライブアーキテクトのウェブサイトにFacebookフィードを埋め込む方法【最良の方法

スライブアーキテクトのウェブサイトにFacebookフィードを埋め込む方法【最良の方法

フェイスブックのフィードをthriveに埋め込む

Thrive ArchitectにFacebookのフィードを簡単に表示したいですか?

広く使われているページビルダーであるThrive Architectは、WordPressウェブサイトに魅力的なページを作成したい人にとって優れた選択肢です。

これらのページにFacebookのフィードを追加すれば、簡単にエンゲージメントを高め、サイト訪問者をさらに増やすことができる。

この記事では、手間なくThrive ArchitectにFacebookフィードを追加する方法をご紹介します。 

しかし、その前に、FacebookフィードがあなたのThriveウェブサイトにどのように役立つかを見てみましょう。

ステップ・バイ・ステップのチュートリアルに直接進むには、ここをクリックしてください。 

ThriveにFacebookフィードを追加する最も簡単な方法

Facebook Feed Proプラグインを使えば、Thrive ArchitectのウェブサイトにFacebookのフィードを簡単に追加できます。

カスタム・フェイスブック・フィード・プロ・ホームページ

このプラグインは非常に使いやすく、Thrive Architectと完全に互換性があります。また、コーディングなしでフィードを作成・カスタマイズすることができます。 

Thrive Architectのドラッグアンドドロップビルダーを使って、美しいページを作成できます。そして、それらのページにFacebookのフィードを追加して、さらに魅力的なページにすることができます。 

Facebook Feed Proには素晴らしい機能が満載です。特筆すべき機能は以下の通り:

  • 超簡単&迅速なセットアップ:プラグインの設定はとても簡単で、ほんの数分でFacebookのフィードを投稿することができます
  • ライブフィードエディター: コーディングやCSSの知識がなくても、Facebookのフィードを見栄え良くすることができます。プラグインのライブフィードエディターを使えば、フィードを簡単かつ迅速に作成・カスタマイズできます。
ライブフィードエディタ
  • 組み込みのフィードテンプレート:Facebook Feed Proには、簡単にカスタマイズできるフィードテンプレートが用意されています。
  • 光速:Facebookの投稿が多くても、このプラグインは非常に軽量なので、ウェブサイトはこれまでと同じように高速に読み込まれます。高速なウェブサイトはSEO対策にもなります。
  • カスタマーサポートFacebook Feed Proはまた、あなたがプラグインで手間のかからない経験を持っていることを保証するために専門家のチームが付属しています。

これらの機能は、Facebook Feed ProをWordPressのための最高のFacebookフィードプラグインにしているものです。このプラグインは、あなたのサイトをより魅力的なものにし、売上を向上させます。 

25万人以上のアクティブユーザーから 5つ 星のうち4.9の 評価を得ており、このプラグインの人気は非常に明白である。ユーザーには、世界最大級のブランドも含まれています。 

カスタム・フェイスブック・フィード・プロ

ThriveアーキテクトのサイトにFacebookのフィードを埋め込みたい場合は、Facebook Feed Proが最適です。 

それでは、Thrive ArchitectにFacebookフィードを追加する方法を見ていきましょう。

なぜThrive ArchitectでFacebookフィードを使うのか?

使いやすいドラッグアンドドロップエディタにより、Thrive Architectは1行たりともコーディングすることなく、美しく魅力的なページを作成することができます。

スライブ・アーキテクト・ホーム

しかし、Thrive Architectのページをさらに活用することができます。あなたのサイトに直接Facebookページのフィードを追加するだけで、エンゲージメントを高めることができます。

Facebookフィードを使えば、あなたのウェブサイトに、関連するすべてのFacebook投稿が直接表示されます。これにより、Facebookとのインタラクションが増え、サイト訪問者がFacebookのフォロワーに変わり、売上が増加します。

スライブアーキテクトのウェブサイトにFacebookのフィードを追加することで、さらにいくつかの利点があります:

  • フェイスブックに投稿された、あなたの商品を使っている人や楽しんでいる人をシェアすることで、サイト訪問者の社会的証明となります。そのため、訪問者はより商品を購入したくなるでしょう。
  • Thriveアーキテクトのページには、写真や動画を使ったFacebookフィードを追加することで、閲覧者の興味を引くことができます。
  • また、サイト訪問者からフェイスブックのフォロワーを増やすこともできる。
  • キーワードが豊富なFacebookコンテンツを埋め込むことで、検索エンジン結果でのThrive Architectページの順位が上がります。 
  • Facebookグループの投稿をサイト上に表示し、Facebookグループの規模を簡単に拡大することができます。 

ThriveにFacebookフィードを追加する方法

Thrive ArchitectにFacebookのフィードを追加したいですか?方法はこちらです!

たった5つの簡単なステップで、あなたのサイトにFacebookのフィードを掲載できるようになります。それでは、簡単にできる方法を見ていきましょう。 

ステップ1: Facebook Feed Proのインストールと有効化

まず始めに、Facebook Feed Proをここで入手しよう。その後、インストールしてアクティベートするだけです。 

プラグインのインストール方法がわからない場合は、WordPressプラグインのインストール方法を簡単に説明した記事をご覧ください。

ステップ2:Facebookフィードを作成する

数回クリックするだけで、WordPressウェブサイトの新しいフィードを作成できます。

そのためには、Facebookフィード " すべてのフィードメニューに 行く新しいページで、新規追加 ボタンを選択します。

カスタムfacebookフィードプロで新しいフィードを追加

 

ここでは、いくつかのオプションからフィードの種類を選択することができます:

  • タイムライン Facebookページやグループのタイムラインの投稿を表示する
  • 写真 Facebookのフォトギャラリーをウェブサイトに埋め込む
  • 動画 Facebookに投稿された動画をサイトで紹介
  • アルバムサイトに表示するFacebookのアルバムを選択
  • イベント WordPressサイトにFacebookのイベントカレンダーを表示する
  • レビュー ブランドのFacebookレビューを代わりに表示する
  • 単一の注目投稿:プラグインを使って特定のFacebookページをハイライトする
  • シングルアルバム:Facebookのシングルアルバムの写真を展示

希望のFacebookフィードタイプを選択したら、「次へ」ボタンを押します。

facebookフィードの種類を選択する

ステップ3:フィードをFacebookに接続する

フィードを作成したら、Facebookフィードのソースを追加します。そうすれば、フィードにFacebookのコンテンツを表示することができます。

まず、Add Newボタンを押して、新しいソースを追加する。 

フェイスブック・フィード・プロにソースを追加

新しいポップアップが表示されたら、ソースとしてページまたはグループのいずれかを選択できます。

使いたいオプションを選択し、接続ボタンをクリックするだけです。

フェイスブック・フィード・プロを使ってフェイスブックに接続

Facebook Feed ProはFacebookに移動し、そこでプラグインに 読み取り専用アクセス権を与えることができる。

この読み取り専用アクセスは、プラグインがフェイスブックのコンテンツを見ることができるだけで、あなたのアカウントに変更を加えることができないことを意味します。 

ウェブサイトに表示したいFacebookページまたはグループを選択し、「次へ」をクリックします。

フェイスブックのページを選択する

最後に、フィードをフェイスブックに接続します。完了 ボタンをクリックしてください。

facebookフィードプロへの読み取り専用アクセスを許可する

その後、再びWordPressにリダイレクトされます。

ここで、先ほど追加したソースを選択し、Add ボタンを押す。 

facebookフィードソースの確認

最後に、「次へ 」をクリックして、フィードをフェイスブックに接続します。 

フェイスブック・フィード・プロ

ステップ4:Facebookフィードをカスタマイズする

このプラグインはとてもユーザーフレンドリーなので、あらかじめ用意されたテーマを選択すれば、即座にFacebookフィードのユニークな外観を選ぶことができる。

異なるデザインの5つのテーマから選ぶことができる:

  • デフォルト
  • モダン
  • ソーシャルウォール
  • 概要
  • オーバーラップ

Facebookフィードのテーマを選択したら、「次へ」ボタンをクリックして次に進みます。

次に、フィードテンプレートを選択して、フィード上のFacebook投稿とヘッダーのレイアウトを変更できます。

ここでは、7種類のフィードテンプレートから選ぶことができます:

  • デフォルト
  • シンプルな石積み
  • ウィジェット
  • 大型グリッド
  • 最新アルバム
  • ショーケース・カルーセル
  • シンプルなカルーセル

前回同様、テンプレートを選択し、「Next」をクリックする。

facebookフィードプロテンプレート

ライブフィードエディターを使ってFacebookフィードを編集・カスタマイズできるようになりました。

左側にすべてのカスタマイズオプションがあります。フィードの種類、レイアウト、ボックスのスタイル、配色、ヘッダーのスタイルなどを変更することができます。

ライブフィードカスタマイザー facebookフィードプロ

右側には、あなたのFacebookフィードのライブプレビューが表示されます。ここからリアルタイムですべての変更を追跡できます。

Facebookのカスタマイズを始めるには、左側の「フィードレイアウト」 オプションを選択します。

オープンフィードレイアウト フェイスブック・フィード・プロ

Facebook Feed Proプラグインでは、4つの異なるレイアウトオプションを選択できます:リスト、グリッド、メイソンリー カルーセルです。

以下、それぞれのレイアウトについて詳しく見ていこう:

facebookソーシャルメディアフィード

リスト・ オプションは、Facebookの投稿を1つの列で次々に表示する。

各記事のスペースを広く取りたい場合に便利です。 

フェイスブック用リストレイアウト

Facebookの投稿を整然とした行と列で表示させたい場合は、グリッド オプションを選ぶことができる。

このフォーマットなら、視聴者は一度にたくさんの記事を見ることができる。

次に、石積みの レイアウトでは、すべての柱が異なる柱に分かれている。

そうすれば、元の比率を保ったまま、一度に大量の記事を表示することができる。

メゾン・レイアウト フェイスブック・フィード・プロ

そして最後に、フェイスブックのカルーセル・オプションがある。

これは、動的なスライダーであなたのフィードを表示し、あなたのウェブサイトをよりインタラクティブにします。

グリッドレイアウト・フェイスブック

お好みのフィードレイアウトを選択したら、「保存」 ボタンをクリックしてください。

しかし、あなたはまだ終わっていない。このプラグインにはたくさんのカスタマイズオプションがあり、試すことができます。

フィードの編集を続けるには、上部のカスタマイズ ボタンをクリックするだけです。

フェイスブックのカスタマイズボタンをクリック

カラースキーム、ヘッダーの種類、背景色、ロードモアボタン、フィードサイズ、マージンなど、さまざまな設定が可能です!

フィードを自分好みに編集し終えたら、必ず「保存」 ボタンをクリックして変更を保存してください。

ステップ5:ThriveウェブサイトにFacebookフィードを埋め込む

フィードのカスタマイズが完了したら、それをThrive Architectのウェブサイトに追加します。 

スライブアーキテクトを使ってすでにFacebookフィード用のページを作成している場合は、そのページを開いてください。

代わりに新しいページを作成するには、WordPressのダッシュボードからページ " 新規追加 メニューに進みます。 

次に、上部にあるLaunch Thrive Architect ボタンを押します。

新しいページを追加する

ページの代わりにWordPressの投稿を使いたい?

その場合、ダッシュボードからPosts " Add Newメニューに移動する必要があります。そこで、一番上のLaunch Thrive Architect ボタンを押します。

新しい記事を追加する

どちらのオプションでも、ページや投稿を編集する2つの方法が与えられます:

  • 通常のページ:最初から始めて、サイトの通常のコンテンツと同じようなページや投稿を作成する。
  • ランディングページの作成:既製のデザインをインポートして、魅力的なランディングページをすばやく作成できます。

お好きなオプションをお選びください。

通常のページまたは事前に作成されたページ

通常ページオプションを選択すると、Thrive Architectはエディタにリダイレクトします。 

そこで、Facebookのフィードを追加し始めることができる。

ドライブエディターブランク

ランディングページ作成 オプションを選ぶと、さまざまなランディングページのデザインがポップアップで表示されます。

好みのデザインを見つけたら、クリックするだけ。

ページデザインを選ぶ

そして、利用可能なすべての異なるバリエーションを変更することによって、選択したデザインをさらにカスタマイズすることができます。 

ページや投稿に使用したいバリエーションを選択します。

デザインバージョンを選択

使用するデザインを選択したら、「Apply Template 」ボタンをクリックして次に進みます。

セレクト・テンプレート・スライブ・アーキテクト

Thrive Architectのドラッグアンドドロップエディタが表示されます。最後に、デザインをカスタマイズしてフィードを埋め込むことができます。

エディターから、新しいブロックを追加するには、左のプラスアイコン(+)を 選択します。

thriveにコンテンツブロックを追加する

右上の検索バーで「スマッシュバルーン」ブロックを検索する。

そうすると、検索結果の中にスマッシュ・バルーン・ソーシャルフィード・ブロックが表示されます。

スマッシュ・バルーン・ブロック・フォー・スライブ・アーキテクト

このブロックを使って、このThriveページまたは投稿に異なるタイプのソーシャルメディアフィードを追加することができます。

右からブロックをドラッグして 左へドロップ するだけ。

ドラッグ・アンド・ドロップ・スマッシュ・バルーン・ブロック

埋め込みたいソーシャルメディアのフィードを選択するパネルが左側に表示されます。

そこから、フィードのタイプとして カスタムFacebookフィードを選択します。

その下にあるドロップダウンメニューで、表示するフィードを 選択することができます。

Thriveでfacebookフィードを選択

最後に、「作業を保存 」ボタンをクリックして、新しいFacebookフィードを確認します。 

このように、Facebook Feed Proを使えば、ThriveウェブサイトにFacebookのコンテンツを簡単に表示することができます。

今すぐウェブサイトを開いて、Facebookフィードが訪問者にどのように見えるかを確認することができます。 

スライブ・アーキテクトのフェイスブック・フィード例

おめでとう!

スライブアーキテクトのウェブサイトにFacebookのフィードを埋め込む方法がわかりました。わずか数分で訪問者を引き付け、関連するFacebookコンテンツでビジネスを成長させることができます。

Facebook Feed Proプラグインを使えば、WordPress初心者でも簡単にFacebookのフィードを作成、カスタマイズし、サイトに埋め込むことができます。

Facebookフィードを埋め込む準備はできましたか?今すぐFacebook Feed Proを手に入れよう

Facebookでのエンゲージメントを高めたいですか?より多くのエンゲージメントを獲得しやすいFacebook投稿のベストタイプについてのガイドをご覧ください。

その他のソーシャルメディア・マーケティング・チュートリアル

最後に、このガイドが役に立ったなら、ツイッターや フェイスブックでYouTubeのチュートリアルをフォローしよう。

著者アバター
サジャン・シャルマ シニアライター
WordPress、ソーシャルメディアマーケティング、オンラインビジネスについて10年以上執筆。専門分野はインフルエンサーマーケティング、コンテンツキュレーション、デジタルマーケティング戦略など多岐にわたる。

コメントを追加する

コメントをお寄せいただきありがとうございます。すべてのコメントはプライバシーポリシーに従って管理され、すべてのリンクはnofollowであることにご留意ください。名前欄にはキーワードを使用しないでください。個人的で有意義な会話をしましょう。