WordPress と Instagram フィードをリンクする方法

WordPress と Instagram を統合することを考えていますか??そうすれば、あなたは正しい場所にいます。誰もが知っているように、Instagram は Facebook によって買収され、最高のソーシャルアプリ画像を共有するためです。 Instagram には 5 億人以上のユーザーがいます。WordPress ベースの Web サイトにトラフィックをもたらすために Instagram を使用してみてはいかがでしょうか。

写真を中心とした WordPress ブログをお持ちの場合、または WordPress 上で Instagram フィードをリンクしてフォロワーとトラフィックを増やしたい場合は、要件に適した次の方法を使用できます。

無料の Instagram フィード プラグイン

を使用して、WordPress で Instagram フィードをリンクできます。Instagramフィードプラグイン(ダウンロード)。この WordPress 用 Instagram プラグインは表示されますインスタグラムの写真WordPress ページまたはウィジェット領域上の非プライベート アカウントの。注記: 2017 年 6 月 1 日に Instagram によって変更された API のみをサポートします。

このプラグインは、単一のアカウントからのフィードを表示するだけでなく、複数の Instagram からのフィードを単一または個別のフィードに表示します。

プラグインはモバイル対応で、表示領域に応じてカスタマイズできます。利用可能なカスタマイズ可能なオプションは、幅、高さ、写真の数、列数、画像サイズ、背景色、画像間隔などです。また、独自のカスタム CSS と JavaScript を追加して、さらに詳細なカスタマイズを行うこともできます。

このプラグインは、ページ、投稿、ウィジェットなど、好きな場所にフィードを表示できるショートコードも提供します。また、「もっと読み込む」ボタンを使用して Instagram の写真を無限に読み込むこともでき、フィードの下部にある Instagram ボタンを押します。広告

Instagram ウィジェットを WordPress に統合することには、次のようないくつかの利点があります。

  • ソーシャルエンゲージメントを高めてフォロワーを増やす
  • 写真用の WordPress ウェブサイトの場合、Instagram に画像を直接投稿し、ウェブサイトに自動的に表示する時間を節約できます。
  • サイトを新鮮な状態に保つ

こちらもご覧ください:

Instagram WordPress プラグインのセットアップに関するビデオ リンク

フィード経由で WordPress と Instagram をリンクする手順

ステップ 1:Web サイトの WordPress ダッシュボードに移動し、「プラグイン」->「新規追加」をクリックします。

ステップ 2:プラグインの検索ボックスに次のように入力しますインスタグラムのフィードスクリーンショットに示すように、Instagram プラグインが表示されます。 「インストール」をクリックしてプラグインを有効化するだけです。

ステップ 3:インストールとアクティベーションが完了すると、オプションが表示されます。インスタグラムフィード」ダッシュボードパネルの左側にあります。

次に、セットアップする必要がありますアクセストークンこれにより、WordPress ブログに Instagram の写真を表示するプラグインが許可されます。 「」というテキストが表示された青いバーをクリックするだけです。ログインしてアクセストークンを取得します”。リンクをクリックすると、次のサイトにリダイレクトされます。インスタグラムのログインページ。アカウントのログイン詳細を入力し、トークンをコピーして貼り付けます。

アクセス トークンをプラグインに正常に提供したら、次を入力します。インスタグラムのユーザーID「写真を表示」ボックスにチェックを入れます。自分または他の公開されているインスタページ ID を入力して写真を表示できます。

注記: 複数のアカウント ID の Instagram 写真を表示したい場合は、同じボックスにカンマで区切って入力するだけです。

ステップ 4:[カスタマイズ] タブに移動すると、その下にカスタマイズするオプションが表示されます。インスタグラムウィジェット。幅と高さを変更できますInstagramウィジェットの写真フィード表示。また、Web サイトの背景色に合わせて Instagram フィード画像の背景色をカスタマイズできます。 Instagram ウィジェットに表示する写真の数、並べ替え方法、[さらに読み込む] ボタン、カスタム CSS、その他いくつかの表示オプションを選択することもできます。

Instagram フィードを WordPress の投稿とページに追加する方法

ステップ 4:指定されたスクリーンショットでわかるように、プラグインによって提供されるショートコード。

WordPress の投稿またはページにフィードを表示するには、既存の投稿またはページを作成するか開いて、投稿のテキスト ビューをクリックし、Instagram フィードを表示したい場所に以下のショートコードを貼り付けます。

[instagram-feed]

複数のフィードを表示したい場合は、次のようにショートコードで直接さまざまな設定を行うことができます: [instagram-feed num=9cols=3]

以下のショートコード オプションを使用するだけで、同じページまたは別のページに好きなだけ異なるフィードを表示できます。例えば:

[instagram-feed]
[instagram-feed id="ANOTHER_USER_ID"]
[instagram-feed id="ANOTHER_USER_ID, YET_ANOTHER_USER_ID" num=4 cols=4 showfollow=false]

表示に使用したページのプレビューインスタグラムのフィード画像。

WordPress ウィジェットに Instagram フィードを表示する方法

ステップ 1:Instagram フィードをウィジェットに追加するには、[外観] -> [ウィジェット] に移動します。

ステップ 2:ウィジェットセクションで、テキストウィジェットフィードを表示したい場所に追加します。たとえば、WordPress フッターに Instagram ウィジェットを追加したい場合は、フッタースペースを選択し、同様にサイドバー、ヘッダーバーなどにも追加します。このチュートリアルでは、右側のサイドバーを選択します。

ステップ 3:次に、「」のようにウィジェットにタイトルを付けます。インスタグラムフィード” を入力し、スクリーンショットに示すようにショートコード –[instagram-feed] を貼り付けます。保存して結果を確認します。

Instagram –lonelyplanetの人気公開ページをピックアップしました。

Instagram フィードに関連して疑問がある場合、または WordPress で Instagram をリンクまたは追加する際に問題が発生した場合は、解決するよう努めますのでお知らせください。

お見逃しなく:WordPress でライブチャットサポートを作成する方法