WordPressでFacebookフィードウィジェットを作成する方法(簡単に)

あなたは簡単にWordPressのためのFacebookのフィードウィジェットを作成する方法を知りたいですか? あなたのウェブサイト上で自分のFacebookのフィードを表示することは、二つのプラットフォームであなたのコンテン 結局のところ、90万人以上の中小企業がFacebookを使用しています。

異なる記事は、しかし、異なる方法を教えています。 だから、WordPressにFacebookのフィードウィジェットを追加するために圧倒的な取得します。 この記事では、あなたのサイトのためのFacebookのフィードウィジェットを作成するための2つの簡単な方法を学びます理由です。 私たちは、あまりにも、これを行うための最も簡単な方法を紹介します—あなたはITの第一人者ではない場合でも。 はい、初心者は大歓迎です!

チュートリアルに入る前に、まず”Facebook feed widget”の意味を調べてみましょう。

または、ここをクリックしてチュートリアルにスキップすることができます。

ワードプレスのFacebookウィジェットとは何ですか?

私たちがウィジェットについて話すとき、私たちは2つの同様のことを意味します:WordPressのウィジェット、およびより一般的な意味でのウィジ

まず、WordPressのウィジェットは、あなたのウェブサイトのサイドバー、フッターとウィジェット対応の領域に追加することができますものです。 どのようなものですか? ウィジェットを使用すると、メニュー、人気のある投稿リスト、カレンダー、バナー広告、ソーシャルアイコンなど、サイトにいくつかの機能を追加できます。

たとえば、ウェブサイトを訪問するときは、そのサイドバーの領域を見てください。 サイドバー内のコンテンツの各ブロックはウィジェットです。

wordpressのサイドバーのためのfacebookのフィードウィジェット

我々は、より一般的な意味でのウィジェットとは何を意味しますか? 「ウィジェット」は、WordPressだけでなく、あらゆる種類のwebサイトにコンテンツを埋め込むために使用できるコードのビットを参照することもできます。

たとえば、FacebookはWordPressの投稿やページに配置できる”ウィジェット”と呼ばれるコードを少し提供しています。

簡単に言えば、Facebookウィジェットは、あなたのウェブサイトに追加されたFacebook固有のコンテンツです。 テーマのウィジェット対応エリアでWordPressウィジェットを使用するか、コードを使用することができます。

wordpressプラグイン用のfacebook feed widget

この記事では両方の方法を紹介します。facebookフィードウィジェットを使用して、wordpressプラグインを作成します。

WordPress Facebookウィジェットが何であるかを知ったので、次の質問は…

Facebookフィードウィジェットを作る最も簡単な方法は何ですか?

Facebookから埋め込みコードを手動でコピー&ペーストすることで、Facebookフィードウィジェットを作成できます。 しかし、それには多くの制限があります:

  • Facebookでは、ページのフィードのみを表示できます。 代わりに自分のFacebookのグループを表示したいですか? あなたはそれを行うために別のプラグインを使用する必要があります。
  • フィードのタイムラインやイベントを表示するだけです。 選択したタイプの投稿のみを表示するオプションはありません。
  • フィードの背景色を変更したいですか? できません。
  • フォントサイズはどうですか? あなたもできません。
  • さて、あなたのフィード上のFacebookのアイコンを変更したい場合はどうなりますか? あなたもできません。
  • よし、じゃあ。 フィードをカスタマイズして、サイトのテーマとスムーズに統合できるようにするにはどうすればよいですか? Facebookはあなたもこれを行うことを許可していません。
  • Facebookのプラグインを使用する場合は、数行のコードを処理する必要があります。 フィードの幅を変更しますか? コードを使用します。 フィードのヘッダーを変更しますか? コードを使用しますか? WordPressのフィードを表示しますか? コードも使用してください。

facebookの埋め込みコード

最後に、間違ったコードを入れたために誤ってサイトを壊した場合は? あなたを助けるための専用のサポートチームはありません。 それはあなたが技術に精通していない場合は特に、かなり混乱することができます。

Facebookのフィードウィジェットを作るための最も簡単な方法は? あなただけのそれを行うにはスマッシュバルーンのカスタムFacebookフィードProのような使いやすいWordPressのプラグインをイ これは、WordPressのための最高のFacebookのフィードプラグインです。

wordpressのプラグインのためのfacebookのフィードウィジェット

スマッシュバルーンのカスタムFacebookのフィードProプラグインは、WordPressのFacebookのウィジェットとして追加する これは、簡単に新しいWordPressのブロックエディタに直接埋め込むことができます。 または、フィードが必要な場所にプラグインのショートコードを貼り付けるだけです。

プラグインを使用するときは、オプションをクリックまたは解除することで簡単にカスタマイズできます。 そうだな。 あなたはFacebookの開発者である必要はありません—あなたは1を雇う必要はありません—ちょうどあなたの好みに合わせて自分のFacebookのフィードをパーソ

ここでは、簡単に使用できるプラグインの機能のいくつかは次のとおりです:

  • 設定する超簡単:あなたはプラグインをインストールしたら、あなたは5分以内に設定するすべてを持つことができます!
  • カスタマイズ可能なレイアウト:あなたのFacebookのフィードは、異なるサイズで表示された投稿を持つことができます:サムネイル、半角と全角。
  • 応答テーマ:それは、モバイルフレンドリーだと任意の画面サイズで素晴らしい見えます。
  • から選択する異なるフィードタイプ:プラグインは、あなたのFacebookページ、グループと自分のプロフィールからフィードを表示することができます。 イベント、ステータス、写真、ビデオ、アルバムなど、特定のコンテンツのみを表示するように選択することもできます。
  • 超高速ロード時間:プラグインが効率的にデータをキャッシュするので、あなたのフィードは、あなたのサイト上で超高速ロードします。 さらに、Facebookが一時的にダウンしていても、サイトにはフィードが表示されます。
  • 簡単にあなたのフィードのビジュアルをカスタマイズ:数回クリックするだけで簡単に背景色やフォントスタイルを変更します。

プラグインはここであなたのオンラインビジネスのために行うことができますすべてをチェックしてくださ

最後に、プラグインには超優れた顧客サービスが付属していることを言及しましたか? 200,000ユーザーと固体4.8/5評価は、すべての後に、間違っていることはできません。

wordpressのプラグインのレビューのためのfacebookのフィードウィジェット

WordPressにFacebookのフィードウィジェットを追加することにより、自分のFacebookのページのエンゲージ 以下のステップバイステップのチュートリアルに従うことで、これを簡単に行う方法を確認してください。

FacebookウィジェットをFacebookのウェブサイトに追加する2つの方法

Facebookから埋め込みコードを手動でコピーして貼り付けるのは難しいので、プラグインを使 それは、簡単に簡単かつ高速です!

プラグインを使用してWordPressの投稿やページにFacebookウィジェットを追加

ステップ1:カスタムFacebookフィードプラグインをインストール

開始するには、ここでカFacebookフィードProプラグインの独自のコピーを取得します。 お使いのコンピュータにプラグインをダウンロードし、あなたのウェブサイトにアップロードします。

これを行う方法がわかりませんか? あなたのガイドとしてWordPressのプラグインをインストールするには、この便利なチュート プラグインを有効にしたら、次のステップに進むことができます。

ステップ2:Facebookページを接続する

プラグインを有効にした後、WordPressダッシュボードに新しいメニューが作成されます。

ステップ2:Facebookページを接続する

Facebookフィード”設定に移動して、設定ページに移動します。Facebookアカウントをfacebookフィードウィジェットに接続するwordpress

次に、青色のFacebookアカウントに接続ボタンをクリックしてFacebookにサインインし、Facebookアカウントをリンク

このチュートリアルでは、facebookウィジェットを追加して、サイトにFacebookページを表示します。 前述のように、プラグインは、あなたのグループやページから自分のFacebookのフィードを表示することができますので、あなたはより多くのオプシ

facebookページウィジェットをwordpressに表示

画面の指示に従って、Facebookアカウントをプラグインに接続します。 次に、[設定を保存]をクリックして選択を保存します。 あなたのFacebookアカウントが接続されました!

ステップ3: 表示するFacebookコンテンツを選択

アカウントが接続されたので、表示するコンテンツの種類を選択します。 まず、設定領域の一番上の領域までスクロールします。 次に、[カスタマイズ]”[一般タブ]をクリックします。

このページには多くのカスタマイズオプションがあります。 ここでは、フィードの幅、高さ、パディング、さらには背景色を変更することができます。

facebookのフィードウィジェットをカスタマイズwordpress

さらに、このページのフィードのヘッダー、”いいね”ボックスと”もっと読み込む”ボタンをカスタマイズすることもできます。

facebookページヘッダー like box

表示するコンテンツの種類を選択するには、ページの投稿タイプセクションに移動します。 あなたはすべてをチェックすることで、Facebookのフィードのすべてのタイプを選択することを選択することができます。

facebook post types widget wordpress

すべてのオプションをチェックすると、フィードにはウェブサイト上のすべてのコンテンツタイプが表示されます。 また、Facebookの写真のみがフィードに表示されるように、写真のみを選択することもできます。

そして、選択肢はちょうどそこに停止しない—あなたも、あなたの写真ページやあなたのタイムラインに投稿された写真から写真を表示するように選 Facebookフィードのソースを変更するには、”タイムライン”を選択します。

facebookフォトフィードウィジェットワードプレス

あなたの選択肢がプラグインに保存されていることを確認するために変更を保存をクリックして

ステップ4:Facebookフィードのレイアウトを選択します

フィードのレイアウトを変更するには、設定ページの一番上の領域までスクロールします。

ステップ4:Facebookフィードのレイアウトを選択します

ポストレイアウトタブに移動し、3つのレイアウトオプションから選択します。

facebook feed widget for wordpress layout

サムネイルレイアウトを選択すると、次のような小さな画像で投稿が表示されます:

facebook feed widget for wordpress thumbnail

一方、半角レイアウトには、フィードの幅を半分にサイズ変更した画像が表示されます。

wordpressの半幅のためのfacebookのフィードウィジェット

最後に、全幅のレイアウトを選択すると、美しく他のものに比べて大きなサイズであなたのフィードの画像 大きな写真はあなたのサイトの訪問者があなたと係合することを奨励することができるので、あなたは、自分のFacebookのビデオや写真を表示したい場

wordpress用facebook feed widget full width

フィードの外観に満足したら、[変更を保存]ボタンをクリックしfacebook feed widget for wordpress full width

facebook feed widget For wordpress field widget for wordpress feed widgetをクリックします。 それは以下の次のステップであなたのWordPressのウェブサイトに自分のFacebookのフィードウィジェットを配置する時が来ました。

ステップ5:FacebookフィードウィジェットをWordPressページに追加するか、投稿する

まず、ページに移動して「WordPressダッシュボードから新規追加」を選択します。facebookのフィードウィジェットをWordPressページに追加するか、投稿する

を選択します。 これを行うと、あなたはに自分のFacebookのフィードウィジェットを追加します新しいページを作成することができます。

facebook feed widget for wordpress add page

ブロックエディタで、プラス(+)アイコンをクリックして新しいWordPressブロックを追加します。 次に、[ウィジェット]セクションの下にある[カスタムFacebookフィード]ブロックをクリックします。 これにより、自動的にページに追加されます。 このFacebookのフィードウィジェットはまた、あなたのフィードのプレビューを見ることができます。

wordpressのエディタのためのfacebookのフィードウィジェット

あなたのフィードのビジュアルに満足? すごい! “公開”をクリックして、最終的にあなたのフィードを次のようにあなたのウェブサイ:

wordpress用facebookフィードウィジェット例

WordPressサイドバーにFacebookウィジェットを追加

wordpressの投稿やページに加えて、サイドバーもウィジェット対応エリアです。facebookのフィードウィジェットを追加するには、次の手順を実行します。

facebookのフィードウィジェットを追加するには、次の手順を実行します。

以下の手順に従って、サイドバー領域にFacebookフィードウィジェットを追加する方法について説明します。

ステップ1:プラグインのショートコードをコピーする

サイドバーにFacebookウィジェットを追加するには、まずショートコードをコピーします。

あなたはこれがあなたのWordPressのダッシュボードに行く見つけることができます。 その後、Facebookのフィード”設定に移動し、あなたのフィード領域の表示を見ることができるまで下にスクロールします。

wordpressのショートコードのためのfacebookのフィードウィジェット

ここでショートコードをコピーします。

ステップ2:サイドバーにFacebookフィードウィジェットを配置

WordPressダッシュボードで、外観”ウィジェット”に移動します。 利用可能なウィジェットセクションの下で、テキストWordPressウィジェットを選択したサイドバーにドラッグします。 このチュートリアルでは、テキストウィジェットをプライマリサイドバーに配置します。

wordpressのサイドバーのためのfacebookのフィードウィジェット

あなたが以前にコピーしたショートコードを覚えていますか? テキストウィジェット領域内に貼り付けます。 次に、[保存]をクリックして設定を保持します。

設定を保存したら、あなたのウェブサイトに移動し、サイドバー領域をチェックアウトすることができます。 ここでは、次のように、あなたのWordPressに追加されたFacebookのフィードウィジェットが表示されます:

facebookフィードウィジェットfor wordpressサイドバーの例

そしてそれはそれです! あなたは最終的にあなたのウェブサイトにFacebookのフィードウィジェットを追加する方法を学びました—簡単に、便利で手間のかからない、あなたが専門家 結局のところ、あなたの目標を達成するための簡単な方法があれば、なぜあなたはそれをしないでしょうか?

あなたのサイトにソーシャルフィードを追加したいですか? また、Twitterのフィード、さらにはあなたのInstagramのフィードを追加することができます。

だから、あなたは何を待っていますか?

今日スマッシュバルーンによってFacebookのフィードを開始するにはここをクリック!

そして、あなたはこの記事が有用であることが判明した場合は、より有用なソーシャルメディアマーケティングのチュートリアルのためのTwitterやFacebook上で私たちに従うこと自由に感じます。

コメントを残す

メールアドレスが公開されることはありません。

Previous post あなたが普通の世帯の原料から作ることができる7つの手製の赤ん坊のおもちゃ
Next post Monkeesの”Daydream Believer”の背後にある物語”