WordPressにFacebookページを埋め込むには?

WordPressウェブサイトにFacebookページを追加する方法

Facebookを動的に埋め込む方法は2つあります。 ワードプレスウェブサイト::

  1. FacebookアカウントをWordPressプラグインに統合することで、使いやすい方法で自動的にアカウントダイナミクスを表示します。
  2. Facebookが提供するプラグインを使用して、手動でFacebookをウェブサイトに動的に埋め込みます。

プラグインを使用して、WordPressサイトにFacebookページのダイナミクスを表示する簡単な方法を見てみましょう。

画像 [1] - WordPressウェブサイトにFacebookページを追加する方法:プラグインと手動の統合方法

WordPressサイトにFacebookページを追加する方法(プラグイン使用)

まず、信頼できるFacebookダイナミックプラグインを選択します。WordPressのプラグイン(無料または有料)で、きちんとしたレビューがあり、ウェブサイトの機能を強化するものを選ぶことができます。

ここでは スマッシュバルーン カスタムFacebookフィード プラグインは、10万以上のアクティブなインストールがあります。

画像[2] - WordPressウェブサイトにFacebookページを追加する方法:プラグインと手動による統合方法

ステップ1: Facebook Feed Proプラグインをインストール

まず、WordPressウェブサイトにプラグインをインストールします。インストールが完了したら、WordPressのバックエンドで"Facebookフィード「オプション

プラグインの "セットアップウィザードの開始「ボタン

画像[3] - WordPressウェブサイトにFacebookページを追加する方法:プラグインと手動統合方法

をクリックしてください。新規追加"ボタンをクリックして、Facebookアカウントに接続してください。

画像[4] - WordPressウェブサイトにFacebookページを追加する方法:プラグインと手動による統合方法

次に フェイスブックページもしかしたら FacebookグループそしてプラグインはFacebookアカウントに接続します。.すでにAPIアクセストークンをお持ちの場合は、" をクリックしてください。手動でアカウントを追加「オプション

画像[5] - WordPressウェブサイトにFacebookページを追加する方法:プラグインと手動統合方法

APIアクセストークンがない場合は、" を続けます。Facebookに接続」。

画像[6] - WordPressウェブサイトにFacebookページを追加する方法:プラグインと手動統合方法

Facebookアカウントにログインし、" "をクリックしてください。進む"スマッシュバルーン "にコネクションを持たせてください。

画像[7] - WordPressウェブサイトにFacebookページを追加する方法:プラグインと手動統合方法

次に、Facebookページを選択します。

画像[8] - WordPressウェブサイトにFacebookページを追加する方法:プラグインと手動統合方法

Smash Balloon WordPressに許可するアクションを選択します。すべてのオプションを開いたまま、" をクリックすることをお勧めします。果たす".

画像[9] - WordPressウェブサイトにFacebookページを追加する方法:プラグインと手動による統合方法
  • 次に「」をクリックします。定める".
スマッシュバルーンのワードプレスがフェイスブックページにリンクされました!
  • Facebookページを選択し、「」をクリックします。追加 ".
Facebookページを選択し、「追加」をクリックします。

この時点で、セットアップの第一段階は完了です。続行するには、"次のステップ".

画像[12] - WordPressウェブサイトにFacebookページを追加する方法:プラグインと手動による統合方法
  • 必要に応じて追加機能を設定し、"次へ".
追加機能の設定

プラグインのインストールを要求されます。私は単にこれらのオプションをオフにして先に進みました。
その後、次のページが表示されます。これで設定は完了です。その後、"アップグレードせずにセットアップを終了する "と表示されるまで下にスクロールします。オプションクリックしてください。

画像[14] - WordPressウェブサイトにFacebookページを追加する方法:プラグインと手動統合方法

これで完了です!これでプラグインは正しく設定されました。次は

- ダイナミックに

- ダイナミック・タイプのカスタマイズ

- ダイナミクスを組み込む

ステップ2:新しいFacebookダイナミックを作成

それでは、新しいフェイスブック・ダイナミックを作成しましょう。以下の手順に従ってください:

1. "をクリックしてください。新しいニュースを追加".

画像[15] - WordPressウェブサイトにFacebookページを追加する方法:プラグインと手動統合方法

2.必要なFacebookモーションのタイプ(例:タイムライン)を選択し、""をクリックします。次へ".

画像[16] - WordPressウェブサイトにFacebookページを追加する方法:プラグインと手動による統合方法

3.あなたのFacebookページを選択し、「」をクリックします。次のステップ".

画像[17] - WordPressウェブサイトにFacebookページを追加する方法:プラグインと手動統合方法

ステップ3: Facebookフィードのカスタマイズ

メッセージをパーソナライズできるようになりました。

  • 左側の設定を使ってフィードの外観をカスタマイズします。
  • クリック「フィードレイアウト3つのレイアウトからお選びください:リスト、石積み、回転.
フィードレイアウト」をクリックして、3つのレイアウトから選択します。
  • 最初のオプションは"リスティング"レイアウトは、Facebookの投稿を縦に1列で表示します。これにより、各投稿のスペースが広くなり、ページ上でより目立つようになります。
リストレイアウト
  • 次に" 石工 "レイアウトは、Facebookの投稿を複数の列に配置し、投稿の元の比率を維持します。
  • 訪問者がFacebookの投稿を閲覧する方法をよりコントロールできるようにするには、"回す「レイアウト
  • セーブレイアウトの選択
  • 配色は4つのオプションからお選びいただけます:

テーマから継承 - ライト - ダーク - カスタム

  • Facebookダイナミックの好みの配色を選択し、「」をクリックします。セーブ".
Facebookのフィードに好きなカラースキームを動的に選択できます。

カスタマイズオプションを追加して、Facebookのダイナミックなデザインをさらに強化します。ステップ4に進みます。Facebookダイナミクスの埋め込み.

ステップ4:Facebookダイナミクスの埋め込み

FacebookのステータスフィードをWordPressサイトに追加する方法はいくつかあります。塊土そしてウィジェットもしかしたらショートコード.

Facebookフィードブロックの使用
  • ご希望のFacebookダイナミックを選択してください。
ご希望のFacebookダイナミックを選択してください。
  • プレビューすると、先ほど作成したカスタムフィードが表示されているはずです。
カスタマイズされたフィードのプレビュー
  • もう一つの方法は、「外観」>「ウィジェット」です。サイドバーなど、ウィジェットに使用できるエリアにシノプシスを追加します。
サイドバーにFacebookのメッセージを追加
  • をクリックしてください。 "ボタンをクリックし、検索バーで" Facebookフィード "を選択し、選択したウィジェットエリアにドラッグします。
お好みのウィジェットエリアに「Facebookフィード」を追加します。
  • ウィジェットの追加サイドバーその後、フェイスブックのストリームは以下のようになります:
サイドバーにウィジェットを追加すると、Facebookのダイナミクスは以下のようになります。
  • 最後に、ショートコードを使用して、ステータスを任意のページ、投稿、またはウィジェット対応エリアに埋め込むことができます。
  • Facebookフィードより >すべてのフィードショートコードの値をコピーし、以下のように目的のページ、投稿、またはウィジェットの準備エリアに貼り付けます:
すべてのFacebookフィードからショートコードの値をコピーし、希望のページ、投稿、またはウィジェット対応エリアに貼り付けます。

プレビューはおそらくこんな感じ:

ショートコード追加後のfacebookフィードwordpressプレビュー

WordPressウェブサイトにFacebookページを手動で追加する方法

Facebookは Facebookページプラグイン 統合機能により、管理者はFacebookページのタイムライン、イベント、メッセージをWordPressサイトに直接表示することができます。しかし、このアプローチにはプラグインアプローチと比較して、特に初心者にとってはいくつかの制限があります。基本的に、Facebookのネイティブプラグインを使用することは、複数のページを含み、WordPressサイトに様々なコードスニペットを手動でコピー&ペーストする必要があるため、技術的でないユーザーには難しいかもしれません。

さらに、コード・スニペットにエラーがあると、サイトの機能が壊れて問題が発生する可能性があります。この方法の手順は以下の通りです:

1. まず、FacebookページのURLを入力します。

画像[29] - WordPressウェブサイトにFacebookページを追加する方法:プラグインと手動統合方法

2. 動的に表示したいタグを選択します。.選択肢は3つあります:

  • タイムライン

  • イベント

  • メッセージ
注目してください: タグを追加するときは、タグの名前(タイムライン、イベント、メッセージなど)をカンマで区切ってください。タグを削除するには、タグ名を省略するだけです。

1. WordPressサイトに表示したい動的な幅と高さを指定します。

2.ディスプレイの設定を調整することができます:

  • サブタイトルとカバー写真
  • プラグインのコンテナ幅の調整
  • Facebookの友達のアバターを表示
画像[30] - WordPressウェブサイトにFacebookページを追加する方法:プラグインと手動の統合方法

3.設定後、「」をクリックします。コードを取得" をクリックすると、JavaScript SDKとiFrameのコードを取得できます。

画像[31] - WordPressウェブサイトにFacebookページを追加する方法:プラグインと手動の統合方法

4.提供されたコードをコピーし、Facebookダイナミクスを追加したいページ、投稿、ウィジェット、またはフッターエリアに貼り付けます。

Facebookをウェブサイトにダイナミックに統合するメリット

WordPressサイトにFacebookを動的に統合するメリットはたくさんあります:

  1. 信用と信頼の構築
    Facebookは、ユーザーが作成したコンテンツ、顧客のレビューや評価、投稿などを動的に表示し、顧客との関係を示します。これにより、顧客からの信頼が高まり、ウェブサイトの信頼性も向上します。
  2. ウェブサイトの美観の向上
    Facebook Dynamicは、サイトの外観に活気とパーソナライゼーションを加え、美観を向上させ、魅力的なユーザーインターフェイスを作成します。
  3. 観客のエンゲージメントの強化
    投稿であれ、ダイナミックなものであれ、Facebookのコンテンツは、ウェブサイトの訪問者に魅力、魅力、興味を与えるものです。それをウェブサイトに統合することで、インタラクティブでユニークなコンテンツ体験を提供し、ユーザーのエンゲージメントを大幅に高めます。
  4. 検索エンジンランキングの向上
    Facebookをウェブサイトに動的に統合することで、エンゲージメント、権威性、信頼性、美観が向上します。検索エンジンは、優れたユーザーエクスペリエンス、価値あるコンテンツ、権威ある情報源を提供するサイトを優先するため、これらの強化はサイトのSEOパフォーマンスにプラスの影響を与えます。

概要

WordPressのウェブサイトにFacebookのダイナミクスを追加することは、ブランドの露出を増やし、ユーザーの興味を引き、信頼を得るための素晴らしい方法です。この記事では、WordPressウェブサイトにFacebookを動的に統合する2つの方法について説明します。


お問い合わせ
記事が読めない?無料でお答えします!個人サイト、中小企業サイトのための無料ヘルプ!
電話:020-2206-9892
QQ咨询:1025174874
Eメール:info@361sale.com
勤務時間: 月~金、9:30~18:30、祝日休み
© 複製に関する声明
この記事はBanner1によって書かれました。
終わり
好きなら応援してください。
クドス11 分かち合う
Banner1のアバター - Photon Fluctuation Network|WordPress 修理サービス、プロフェッショナル、ワールドワイド、迅速対応ダイヤモンド会員
おすすめ
解説 ソファ購入

コメントを投稿するにはログインしてください

    コメントなし