Instagramのメンションフィードを埋め込む簡単な方法をお探しですか？
Instagramのメンションを表示することで、ブランドを宣伝し、Instagramのフォロワーを簡単に増やすことができる。
しかし、インスタグラムをウェブサイトと統合するのは大変なことだ-特に埋め込みコードの扱いに慣れていない場合は。
InstagramのメンションフィードをWordPressに埋め込む最も簡単な方法をご紹介します。
その前に、インスタグラムのメンションフィードの助けを借りて、どのようにビジネスを成長させることができるかを見てみよう。
あるいは、ここをクリックして直接チュートリアルに飛ぶこともできる。
ウェブサイトにインスタグラムのメンションを埋め込む理由
20億人以上のユーザーを持つインスタグラムは、巨大なソーシャル・プラットフォームであり、あなたのビジネスを宣伝するのに最適な場所だ。
また、インスタグラムを使ってブランドイメージを高めたいのであれば、インスタグラムからブランドに関するポジティブな言及を埋め込むのが簡単な解決策だ。
売上を伸ばすために、好意的な感想やレビュー、デモンストレーションなどのユーザー生成コンテンツ（UGC）を表示することができます。
そうすれば、あなたのサイトにいる誰もが、大勢のソーシャルメディア・ユーザーがあなたのブランドと交流していることを知ることができる。これは社会的証明として機能し、訪問者をソーシャルメディアのフォロワーに変えるのに役立ちます。
結局のところ、実在の人々がすでにあなたのブランドを利用していることを皆に示すことになる。
その上、Instagramのメンションを埋め込むことは、あなたのブランドがInstagramでアクティブであることを示す簡単な方法です。そのため、人々はあなたのブランドをフォローし、あなたの投稿と交流する可能性が高くなります。
それでは、インスタグラムのメンションフィードをウェブサイトに埋め込む方法を見てみよう。
WordPressにInstagramのメンションフィードを追加する最も簡単な方法
WordPressでInstagramのメンションを表示する場合、2つのオプションから選ぶことができます：
- 手動の方法：インスタグラムでの言及を見つけ、それぞれの投稿の埋め込みコードを取得し、あなたのサイトにコードを挿入する。
- 自動的な方法（簡単な方法）： インスタグラムのメンションを自動的に表示できるインスタグラムのプラグインを使う。
手動の方法を選んだ場合、あなたのブランドをタグ付けしたインスタグラムの投稿を見つけ、HTML埋め込みコードを生成しなければならない。
そうしたら、次はウェブサイトを開き、インスタグラムのフィード埋め込みコードを挿入する。そして、あなたのアカウントについて言及している投稿ごとに、このプロセスを繰り返す必要がある。
このように、プラグインなしでインスタグラムのフィードを埋め込むには、多くの時間と労力がかかる。
さらに、HTMLコードを調整したり、開発者を雇ったりしない限り、インスタグラムの投稿をカスタマイズすることはできない。そのため、インスタグラムのコンテンツがウェブサイトのデザインと一致しない可能性がある。
あるいは、Instagramのメンションをウェブサイトに自動的に表示できるプラグインを使うこともできる。
そして、あなたが試すことができる最良のオプションは、Instagram Feed Proです。
Instagram Feed Proの助けを借りれば、Instagramの投稿の美しいフィードをウェブサイトに表示することがこれまで以上に簡単になります。
3ステップのガイドフローに従うだけで、プラグインがInstagramフィードの作成、カスタマイズ、埋め込みプロセスを案内してくれる。
Instagramのメンションに加えて、このプラグインはあなた自身の投稿や特定のInstagramのハッシュタグを紹介し、訪問者を惹きつけることができる。このプラグインを使えば、InstagramのストーリーをWordPressに埋め込むこともできる。
さらに、Instagram Feed Proはあなたのウェブサイトのデザインを自動的にコピーするので、フィードはあなたのブランディングに完璧にマッチします。
また、インスタグラムのフィードのデザインをもっとコントロールしたい場合は、このプラグインでカバーできる。
HTMLやカスタムCSSなどのコードは一切不要で、あらかじめ作成されたレイアウトをインポートし、ライブフィードエディタを使って簡単にフィードをカスタマイズできます。
iFrameを使用するInstagramの埋め込みとは異なり、このプラグインは実際にInstagramのコンテンツをウェブサイトに追加します。つまり、検索エンジンはキーワードが豊富なソーシャルメディアコンテンツを見ることができ、SEOを高めるのに役立ちます。
100万人以上のアクティブユーザーと 4.9/5つ星の評価を得ているInstagram Feed Proは、簡単に言えば最高のInstagramフィードプラグインだ。
InstagramのフィードをWordPressに埋め込みたいですか？今すぐInstagram Feed Proを入手しましょう！
では、このプラグインを使ってInstagramのメンションフィードをウェブサイトに埋め込む方法を見てみよう。
インスタグラムのメンションフィードをウェブサイトに埋め込む方法
あなたのWordPressウェブサイトにInstagramのメンションを表示したい場合は、以下のステップバイステップのガイドに従うだけです。
始めよう！
ステップ1：Instagram Feed Proプラグインをインストールする
Instagramのメンションを埋め込むには、まずInstagram Feed Proを入手する必要がある。
その後、WordPressサイトにプラグインをインストールし、有効化してください。
その方法については、WordPressプラグインをウェブサイトにインストールする方法をご覧ください。
ステップ2：Instagramのメンションフィードを作成する
このプラグインにはシンプルなガイドフローがあるので、数回クリックするだけで新しいフィードを作成できます。
まず、WordPressのダッシュボードエリアからInstagramのフィード " すべてのフィードメニューを開きます。
そこから、上部にある「新規追加」 ボタンをクリックする。
完了すると、プラグインはあなたのサイトに埋め込みたいInstagramフィードのタイプを選択するように尋ねます。
続行するには、 Tagged Posts オプションを選択し、Nextをクリックします。
ステップ3：Instagramにフィードを接続する
Instagramにフィードを接続すると、WordPressサイトにInstagramのコンテンツを表示できるようになる。
まず、ここにあるポップアップのAdd Source ボタンをクリックする。
接続タイプは2種類から選べるようになった：ビジネスベーシックと ビジネスアドバンスです。
メンションフィードについては、ここでビジネスアドバンス 接続を使用することができます。また、インスタグラムのハッシュタグフィード、ストーリー、ショッパブルフィードなども作成できます。
高度な接続を選択したら、接続をクリックします。
これで、あなたのビジネスやクリエイターのインスタグラム・アカウントを接続することができる。
あなたのアカウントはFacebookページとリンクしているので、Facebookを開いてプラグインにあなたのアカウントへの読み取り専用アクセス権を与えることができます。
フェイスブックとつながる」をクリックするだけで、すぐに始められます。
ここで、あなたのアカウントへの読み取り専用アクセス権の内容を確認することができます。ご覧の通り、プラグインはあなたの情報を見ることができるだけで、変更を加えることはできません。
最後に、Continue ボタンをクリックして、Instagramへのフィードの接続を完了することができます。
そうすれば、Instagram Feed Proは再びあなたのウェブサイトにあなたを戻す。
使用したいInstagramアカウントを選択し、「Add」をクリックします。
このアカウントに接続したことで、今後インスタグラムの新しいフィードを作成するときは、いつでもワンクリックで選択できる。
ここで「次へ」ボタンをクリックして次に進むことができます。
インスタグラムのメンションフィードは、あなたのウェブサイトのデザインを自動的にコピーし、すぐに美しく見せることができる。
ステップ4：Instagramのメンションフィードをカスタマイズする
このプラグインにはたくさんのフィードテンプレートが付属しているので、新しいInstagramメンションフィードのための美しいデザインをすぐにインポートすることができる。
そのためには、使用したいフィード・テンプレートを選択し、「Next」をクリックする。
フィードテンプレートを選択すると、プラグインからライブフィードエディタに移動します。
ここでは、フィードのレイアウト、ヘッダーデザイン、配色、投稿数、ボタンデザイン、投稿数などをカスタマイズするオプションを見つけることができます。
その後、右側のライブ・プレビューで、リアルタイムですべての変更が表示されます。
インスタグラムのフィードのカスタマイズを始めるには、インスタグラムの投稿のレイアウトを設定します。
まず、左側のフィードレイアウトオプションを クリックします。
Instagram Feed Proでは、フィードのレイアウトを4つのオプションから選ぶことができます：グリッド、カルーセル、メイソンリー、ハイライトです。
これらのレイアウトがあなたのウェブサイトでどのように見えるか見てみましょう。
まず、Instagramのメンションをきれいな行と列で表示できるグリッドオプションがある。
このフィードレイアウトを使えば、一度に大量のソーシャルプルーフをウェブサイトに表示することができる。
また、Instagramのメンションを美しいスライドショーに変えるカルーセルレイアウトもあります。
そうすることで、サイトを訪問者にとってさらに魅力的なものにすることができる。
インスタグラムの投稿を元の比率で表示したい場合は、「メイソンリー」オプションをクリックしてください。
最後に、「いいね！」とキャプションを削除し、画像に焦点を当てたハイライト フィードのレイアウトがある。
そうすれば、インスタグラムのフィードがWordPressサイト上ではっきりと見えるようになる。
フィードレイアウトを選び終えたら、必ず「保存」ボタンを使ってください。
そうしたら、カスタマイズ ボタンをクリックして、インスタグラムのメンションフィードのデザインを続ける。
次に、プラグインを使ってインスタグラムのフィードの色を設定することができる。
左側にある配色オプションを選択すれば、それができる。
インスタグラムのメンションフィードの色を設定するには、4つの配色から選ぶことができる：
- テーマから継承する：WordPressテーマの色をコピーする
- 明るい：明るい背景と暗い文字色を表示する。
- Dark：代わりに暗い背景と明るい文字色を表示する。
- カスタム：すべての色を手動で選ぶ
保存をクリックして、新しい配色を確認します。
残りのカスタマイズオプションを使って、フィードのヘッダー、投稿数、ボタンのデザイン、ライトボックスのスタイルなどをカスタマイズできます。
インスタグラムのメンションフィードのデザインに満足したら、もう一度保存 ボタンをクリックする。
ステップ5：Instagramのメンションフィードを埋め込む
Instagram Feed Proプラグインを使用すると、WordPressサイトにフィードを埋め込む2つの方法があります。
- WordPressページにInstagramのメンションフィードを埋め込む
- WordPressのサイドバーやフッターにInstagramのメンションフィードを埋め込む
以下、両方のオプションについて説明しよう。
インスタグラムのメンションフィードをWordPressページに埋め込む
便利なライブフィードエディタの助けを借りて、あなたは簡単にあなたのInstagramの投稿を埋め込み始めることができます。
右上の埋め込み ボタンをクリックしてください。
そうすると、インスタグラムのメンションフィードの埋め込みオプションが表示されます。また、あなたのフィードのショートコードをここで見つけることができます。
続行するには、「ページに追加 」ボタンをクリックします。
次に、Instagramのメンションを表示したい特定のWordPressページを選択することができる。
リストからページを選択したら、下の追加 ボタンをクリックしてください。
このように、プラグインはWordPressのブロックエディターでページを開きます。
インスタグラムのメンションを埋め込むには、まずプラス（＋）アイコンをクリックして新しいブロックを追加する。
次のステップは、上部の検索バーを使って「instagram」ブロックを探すことだ。
最後に、Instagramのフィードブロックをクリックすると、メンションフィードを埋め込むことができます。
更新 ボタンをクリックするだけで、インスタグラムのメンションがあなたのサイトに表示されます。
ウェブページを開けば、あなたのインスタグラムのフィードが訪問者にどのように見えるかを確認することができる。
ご覧のように、Instagram Feed Proの助けを借りて、Instagramのメンションフィードを埋め込むのはとても簡単です。
さて、次にフィードを埋め込む方法を見てみよう。
インスタグラムのメンションフィードをWordPressのサイドバーやフッターに埋め込む
ライブフィードエディターの助けを借りて、Instagramのフィードをサイドバーやフッターにウィジェットとして埋め込むことができる。
ライブフィードエディターがまだ開いていない場合は、ダッシュボードからInstagramのフィード " すべてのフィード メニューに移動し、メンションフィードをクリックします。
ライブフィードエディターから、以前のようにメンションフィードを埋め込むことができます。
まず、エディター上部の埋め込み ボタンをクリックします。
そうすると、このInstagramフィードの埋め込みオプションを表示するポップアップが表示されます。
言及フィードをInstagramウィジェットとして埋め込むには、ここでウィジェットに追加 ボタンをクリックします。
これをクリックすると、ウェブサイトのウィジェットページが開き、WordPressウィジェットの作成、削除、編集ができます。
インスタグラムのメンションをサイドバーに表示するには、サイドバーパネルを クリックします。
インスタグラムのコンテンツをフッターに表示したい場合は、フッターパネルを クリックしてください。
ここでは例としてフッターを使用する。
場所を選択したら、下部のプラスアイコン（+）を クリックしてウィジェットを追加できます。
最後に、オプションからInstagram Feed ウィジェットをクリックする。
更新ボタンをクリックするだけで、あなたのウェブサイトのサイドバーやフッターエリアにフィードが表示されます。
今サイトを開くと、下のスクリーンショットのようにインスタグラムのメンションが表示されます：
これで完成だ！
ご覧の通り、適切なツールを使えば、インスタグラムのメンションフィードをウェブサイトに埋め込むのはとても簡単だ。
わずか数クリックで、Instagram Feed ProはInstagramからの社会的証拠を表示し、フォロワーを増やし、訪問者を魅了し、ビジネスを簡単に成長させることができます。
Instagramのメンションフィードを埋め込む準備はできましたか？こちらからInstagram Feed Proを入手してください！
ここにいる間に、インスタグラムマーケティングのベストヒントのリストをチェックするのをお忘れなく。
このガイドが役に立ったなら、ソーシャルメディア・マーケティングのヒントやコツをもっと知りたい方は、ツイッターや フェイスブックで私たちをフォローしてください。
