WordPressでFacebookとInstagramの埋め込みリンクを修正する方法
公開: 2020-10-26WordPressについてのニュースはもう聞いたことがありますか? 2020年10月24日以降、WordPressユーザーは、通常どおりリンクをコピーして貼り付けることにより、FacebookやInstagramからのリンクを自分のWebサイトに埋め込むことができなくなります。 これは、WordPressがこれら2つのソーシャルネットワークからリンク埋め込み機能を削除することを決定したためです。
- 1. FacebookやInstagramのストップワードプレスのoEmbedをサポート
- 2.プラグインを使用してFacebookとInstagramの埋め込みリンクを修正する方法
- 2.1。 Smash Balloon Social PostFeedプラグインを使用してFacebookの埋め込みを修正する
- 2.2。 Smash Balloon Social PhotoFeedプラグインを使用してInstagramの埋め込みを修正する
- 2.3。 oEmbedPlusを使用してFacebookとInstagramの埋め込みを修正する
- 3.最後の言葉
この変更は、すべてのFacebookおよびInstagramの埋め込みリンクの既存のコンテンツが表示されなくなるため、WordPressユーザーに多くの問題を引き起こします。 これらすべてのリンクの検索、削除、および修正には、非常に時間がかかります。 しかし、常に方法があるので心配しないでください、そしてそれはこの記事に正しいです!
まず、これらすべてのトラブルの理由を見つけましょう!
FacebookとInstagramはWordPressoEmbedのサポートを停止します
通常、FacebookまたはInstagramのリンクを投稿/ページに貼り付けると、 oEmbed (埋め込みリンク)とも呼ばれる埋め込みコンテンツに自動的に変換されます。

リンクを投稿エディタに埋め込む

リンクコンテンツはフロントエンドに表示されます
ただし、FacebookとInstagramはAPIポリシーを変更し、認証されていないoEmbedサポートを削除しました。 2020年10月24日以降、FacebookとInstagramからのリンクを埋め込むには、ユーザーは開発者アカウントを作成し、アプリにサインアップして、クライアントトークンを取得する必要があります。
これらの変更により、WordPressチームが新しいプロジェクトを展開するのに多くの困難が生じました。 そのため、 WordPressはFacebookとInstagramからリンク埋め込み機能を削除することにしました。 これは、これら2つのソーシャルネットワークからWordPress Webサイトに埋め込まれたすべてのリンクが、通常のURLに変換されることを意味します( URLのコンテンツは表示されません)。

FacebookとInstagramの埋め込みリンクはプレーンテキストに変換されます
これは、特にWebマスターやWeb所有者にとっては良くありません。 天気の良い日に目を覚ましてウェブサイトを開くと、FacebookやInstagramからの美しい画像や投稿ではなく、たくさんの醜いリンクにすぐに驚かされると想像してみてください。本当に惨事ですよね? この問題を一瞬で修正したい場合は、以下のチュートリアルに従ってください。
プラグインを使用してFacebookとInstagramの埋め込みリンクを修正する方法
ユーザーの要求を満たすために、Jetpack、Smash Balloon Social Photo Feed(Instagramの場合)、Smash Balloon Social Post Feed(Facebookの場合)、oEmbed Plusなど、このoEmbedの問題を修正する新機能でリリースまたは更新されたプラグインがあります。 。
Jetpackプラグインを使用してこの問題を修正するのは非常に簡単です。 プラグインをインストールするだけで、ショートコードoEmbedモジュールが自動的にアクティブ化され、他に何もする必要はありません。 Jetpackを初めて使用する場合は、セットアップと使用方法についてこの記事を参照してください。
Jetpackを使用したくない場合は、私が言及した他のプラグインを試してください。
Smash Balloon Social Photo Feed、Smash Balloon Social Post Feed、およびoEmbed Plusプラグインは無料で、wordpress.orgから入手できます。通常どおり、管理ダッシュボードにインストールしてアクティブ化するだけです。 以下のようにプラグインをインストールしてカスタマイズすると、WordPressWebサイトのFacebookとInstagramのoEmbedの問題が修正され、通常どおりにコピーして貼り付けることでリンクを埋め込むことができます。 以下は、各プラグインの具体的な手順です。
Smash Balloon Social PostFeedプラグインを使用してFacebookの埋め込みを修正する
Smash Balloon Social Post Feedプラグインを使用する場合は、[ Facebook Feed ]> [ oEmbeds ]に移動し、[ Connect to Facebook ]をクリックして、[ Enable oEmbeds ]をクリックしてFacebookアカウントに接続し、アクセストークン(クライアントトークン)を取得します。


個人のFacebookアカウントに接続する場合、アクセストークンは60日間のみ有効であることに注意してください。 60日後、[ Facebookフィード]> [ oEmbeds ]に移動し、[ Facebookに接続]をクリックして[アクセストークン]を再確認します。 ただし、その手順は非常に複雑です。 時間を節約するために、グループ/ページの管理者アカウントに接続して、有効期限が切れないアクセストークンを取得できます。

Smash Balloon Social PhotoFeedプラグインを使用してInstagramの埋め込みを修正する
Smash Balloon Social Photo Feedプラグインについては、上記と同じようにします。 Instagramフィード> oEmbedsに移動し、[ InstagramoEmbedsを有効にする]をクリックして問題を修正します。 ただし、Instagramではアクセストークンを再確認する必要はありません。

oEmbedPlusを使用してFacebookとInstagramの埋め込みを修正する
上記の3つのプラグインには、oEmbedの修正とは関係のない他の多くの機能があります。 これらの無関係な機能が必要ない場合は、別の専用プラグインであるoEmbedPlusを試してください。
oEmbed Plusプラグインを使用するには、Facebookアプリに登録し、次のようにoEmbed機能をアクティブ化する必要があります。
ステップ1 :developer.facebook.comにアクセスし、Facebookアカウントに接続します。 その後、[マイアプリ]セクションに移動し、[アプリの作成]をクリックします。

[アプリの作成]ダイアログで、アプリの名前(任意の名前)とメールアドレスを入力し、[アプリの作成]をクリックします。

ステップ2 :アプリの作成後、oEmbed機能がデフォルトでアクティブになります。 [マイ製品]セクションにあります。

次に、 [設定] > [基本]に移動して、アプリIDとアプリシークレットを取得します。

ステップ3 :WordPress Webサイトを元に戻し、管理ダッシュボードで、 [設定] > [書き込み] > [ FacebookとInstagramの埋め込み設定]に移動します。 次に、アプリIDとアプリシークレットをコピーしてこのセクションに貼り付け、[変更を保存]をクリックします。

上記のすべての手順を実行すると、WordPressサイトのoEmbed機能が復元されます。 これで、通常どおりFacebookとInstagramのリンクを埋め込むことができます。
たとえば、プラグインを使用して問題を修正する前に、WordPressWebサイトに埋め込まれたFacebookとInstagramのリンクを次に示します。

そして、これが問題を修正した後の結果です:

ご覧のとおり、リンクは固定されており、コンテンツが表示されています。
最後の言葉
結論として、JetpackはoEmbedの問題を修正する最も簡単な方法ですが、他の多くの機能が付属している多目的プラグインであり、それらを使用したくない場合があります。 Smash Balloon Social PhotoFeedプラグインとSmashBalloon Social Post Feedプラグインは、セットアップと使用が非常に簡単ですが、2つの別個のプラグインです。 一方、oEmbed Plusプラグインのセットアップには少し時間がかかりますが、FacebookとInstagramの両方の埋め込みリンクを修正できます。 あなたのウェブサイトとあなたのニーズに適したプラグインを選択するだけです。
ご覧のとおり、oEmbedの問題を修正することはまったく難しくありません。 ただし、特にニュースを定期的に更新しない人にとっては、すべてのWebサイト所有者がこの問題について迅速に対応できることを知っているわけではありません。 したがって、この情報を他のWebサイトの所有者と共有することを忘れないでください。
さらに、FacebookDebuggerを使用してFacebookでの投稿の表示を修正する方法に関する記事を気に入ってもらえるかもしれません。
