WordPress で Facebook と Instagram の oEmbed の問題を修正する方法

公開: 2023-02-17

WordPress で Facebook と Instagram の oEmbed の問題を修正する方法を学びたいですか?

以前にデフォルトの oEmbed または Embed ブロックを使用して Facebook または Instagram コンテンツを WordPress に追加したことがある場合、この機能は機能しなくなります。 これにより、WordPress Web サイトでエラーやコンテンツの欠落が発生する可能性があります。

このガイドでは、訪問者が WordPress Web サイトでソーシャル コンテンツを楽しめるように、Facebook と Instagram の埋め込みの問題を修正する方法を紹介します。

How to fix the Facebook and Instagram oEmbed issue in WordPress

WordPress での Facebook および Instagram の oEmbed の問題とは?

以前は、oEmbed と呼ばれるプロトコルを使用して、Instagram や Facebook の投稿を WordPress に簡単に埋め込むことができました。

ただし、Facebook は oEmbed の動作方法を変更したため、Facebook や Instagram からビデオ、写真、更新、およびその他のコンテンツを簡単に埋め込むことができなくなりました。

代わりに、Facebook や Instagram のコンテンツを WordPress ブログに埋め込む前に、アプリを登録し、クライアント トークンを使用して Facebook Graph API からデータを取得する必要があります。

これには多くの時間と労力がかかります。特に、Web サイトでさまざまなソーシャル投稿を多数表示したい場合はなおさらです。 それを念頭に置いて、WordPress の背後にいる人々は、Facebook と Instagram の埋め込み機能を削除することにしました。

以前に oEmbed を使用して Web サイトに Facebook コンテンツを追加した場合、次の画像のようになります。

An example of an oEmbed error in WordPress

oEmbed を使用して Instagram の投稿を埋め込んだ場合、同様のエラーが発生します。

これは悪いユーザー エクスペリエンスであり、一部の訪問者は、あなたの Web サイトが壊れている、メンテナンスされていない、信頼できない、または信頼できるビジネスではないと考えるかもしれません。

問題を手動で修正する方法があります。 たとえば、各ページを確認して、埋め込まれたコンテンツを投稿および削除する場合があります。 ただし、これには多くの時間と労力が必要であり、壊れた埋め込みをすべて見つけられる保証はありません。

そうは言っても、WordPressでFacebookとInstagramのoEmbedの問題を簡単に修正する方法を見てみましょう.

Facebook と Instagram の oEmbed の問題を修正する方法

oEmbed の問題を修正する最も簡単な方法は、無料の Smash Balloon プラグインのいずれかを使用することです。

Instagram の投稿を WordPress に埋め込みたい場合は、Smash Balloon Social Photo Feed プラグインが必要です。

An instagram post, embedded in a WordPress website

Facebook の投稿を WordPress に埋め込みたいですか? 次に、代わりに無料の Smash Balloon Social Post Feed プラグインを使用できます。

まず、プラグインをインストールして有効化する必要があります。 詳細については、WordPress プラグインのインストール方法に関するステップ バイ ステップ ガイドを参照してください。

いずれかのプラグインをインストールしたら、使用しているプラ​​グインに応じて、 Instagram フィード » oEmbedsまたはFacebook フィード » oEmbedsに移動します。

すべての画像でソーシャル フォト フィード プラグインを使用していますが、使用しているプラ​​グインに関係なく、手順はまったく同じです。

Enabling the oEmbed feature for Instagram and Facebook

この画面で、「有効にする」ボタンをクリックするだけです。

それでおしまい。 WordPress Web サイトに Facebook と Instagram の投稿を埋め込むことができるようになりました。

WordPress に Instagram や Facebook の投稿を埋め込む方法

Facebook と Instagram のどちらを使用していても、任意のページ、投稿、またはサイドバーなどのウィジェット対応エリアに特定の投稿を埋め込むことができます。

1 つのオプションは、ソーシャル コンテンツを表示するページまたは投稿を開くことです。 次に、[+] アイコンをクリックして、「埋め込み」と入力します。

右のブロックが表示されたら、クリックしてページまたは投稿に追加します。

Adding the Embed block to a WordPress page or post

[埋め込み] フィールドに、Web サイトに表示したい Instagram または Facebook の投稿の URL を貼り付けるだけです。

次に、[埋め込み] をクリックします。

Embedding an Instagram post in WordPress

WordPress はその特定の投稿を表示します。 投稿を公開する準備ができたら、[更新] または [公開] をクリックします。

このページにアクセスすると、ソーシャル メディアの投稿がライブで表示されます。

An example of an Instagram post in WordPress

もう 1 つのオプションは、サイドバーなどのウィジェット対応エリアに Instagram または Facebook の投稿を追加することです。 そうすれば、Web サイトのすべてのページで同じ投稿を宣伝できます。

たとえば、最も人気のある Instagram の投稿や、サイトを成長させるために使用しているセールやソーシャル メディア コンテストを宣伝する投稿を埋め込むことができます。

Adding an Instagram post to a widget-ready area such as the WordPress sidebar

Facebook または Instagram の投稿をウィジェット対応エリアに追加するには、外観 » ウィジェットに移動し、青色の [+] ボタンをクリックします。

検索バーに「埋め込み」と入力して、適切なブロックを見つけます。

Embedding an Embed block in WordPress

「埋め込み」ブロックが表示されたら、Facebook または Instagram の投稿を表示する領域にドラッグします。

[埋め込み] フィールドに、Web サイトに表示したい Instagram または Facebook の投稿の URL を貼り付けるだけです。 次に、[埋め込み] をクリックします。

Embedding Instagram photo in Instagram

WordPress はその特定の投稿を表示します。

見た目に問題がなければ、[更新] をクリックして公開します。

Embedding Instagram post in WordPress

これで、Web サイトにアクセスすると、Instagram または Facebook の投稿がライブで表示されます。

Instagram または Facebook フィードを WordPress に追加する方法

無料の Smash Balloon プラグインを使用すると、oEmbed の問題を簡単に修正できるため、Facebook や Instagram の投稿を Web サイトに追加できます。

これは、少数の投稿のみを埋め込みたい場合や、WordPress で各ソーシャル投稿が表示される場所を正確に制御したい場合に最適です. ただし、Web サイトに Facebook や Instagram のフィードを埋め込むこともできます。

フィードを作成すると、最新の投稿をすべて見栄えのよいレイアウトで表示できます。 さらに良いことに、フィードは自動的に更新されるため、サイトを手動で更新しなくても、訪問者は常に最新の投稿を見ることができます.

これにより、定期的な訪問者であっても、サイトを新鮮で興味深いものに保つことができます.

Instagram コンテンツを WordPress に埋め込みたい場合は、Smash Balloon Instagram Feed プラグインを使用できます。

An Instagram feed, created using Smash Balloon

最新の Facebook ステータス投稿、動画、レビューなどを表示するフィードを作成したいですか?

次に、Smash Balloon Facebook フィード プラグインを使用できます。

Facebook reviews, embedded using Smash Balloon

Facebook と Instagram の両方のフィードを WordPress ウェブサイトに追加したいですか? 次に、Smash Balloon Social Wall をご覧ください。

この強力なプラグインを使用すると、Facebook、Twitter、YouTube フィードなど、Smash Balloon プラグインを使用して作成したフィードを組み合わせることができます。

Creating a social media wall using Facebook and Instagram

たとえば、Facebook フィードと Instagram フィード プラグインを設定している場合は、WordPress ダッシュボードでソーシャル フィード»ソーシャル ウォールを作成するに移動するだけです。

ここには、これまでに作成したさまざまなフィードがすべて表示されます。

How to create a social media wall using multiple feeds

ソーシャル ウォールに追加する各フィードを選択するだけです。

たとえば、Instagram と Facebook のアカウントからの投稿を組み合わせることができます。

Combining Facebook and Instagram into a social wall

Small Balloon Social Wall はショートコードを作成し、ソーシャル ウォールを任意のページ、投稿、またはウィジェット対応エリアに追加できるようにします。

ショートコードの操作の詳細については、WordPress にショートコードを追加する方法に関するガイドを参照してください。

Social media shortcode, created using the Smash Balloon plugin

ショートコードを配置したら、変更を保存または公開して公開します。

ウェブサイトにアクセスすると、さまざまなアカウントやプラットフォームからの最新の投稿がすべて表示されるソーシャル ウォールが表示されます。

この記事が、WordPress で Facebook と Instagram の oEmbed の問題を解決する方法を学ぶのに役立つことを願っています. また、WordPress に最適なソーシャル メディア プラグインの専門家による選択と、メール ニュースレターの作成方法に関するガイドもご覧ください。

この記事が気に入ったら、WordPress ビデオチュートリアルの YouTube チャンネルに登録してください。 Twitter や Facebook で私たちを見つけることもできます。