最新の Instagram 投稿を WordPress ウェブサイトで共有したいとお考えですか?
Instagram ウィジェットを追加すると、サイトの視覚的な魅力が瞬時に高まり、コンテンツの最新性が維持され、より多くの訪問者が Instagram でフォローするようになります。
ただし、Instagram の標準の埋め込みオプションを使用すると、特にフィードをサイトのスタイルに合わせたり、自動的に更新したりしたい場合には制限が生じる可能性があります。
私はウェブサイト所有者のソーシャルプレゼンスの向上を支援する仕事を通じて、Instagram コンテンツをシームレスに表示することがいかに難しいかを知っています。
何百万人もの WordPress ユーザーにソーシャル メディア統合をサポートしてきた Smash Balloon チームの経験を活かして、あなた専用のわかりやすいガイドをまとめました。
この記事では、WordPress サイトに Instagram ウィジェットを追加する最も簡単な方法を紹介します。
さらに、数回クリックするだけで実行でき、技術的な専門知識は必要ないので、誰でもすぐに Instagram フィードを立ち上げて実行できます。
この記事で
WordPressにInstagramウィジェットを追加する最も簡単な方法
以前は、インスタグラムのリンクをウェブサイトに追加すれば、WordPressのoEmbed機能が自動的に埋め込んでくれた。
悲しいことに、この機能は廃止されたため、インスタグラムのコンテンツを手動で埋め込むのはかなり難しくなった。
インスタグラムをウィジェットとして追加できますか？
はい、WordPress用のInstagramプラグインの助けを借りて、あなたのウェブサイトにInstagramウィジェットを追加することができます。
最高のInstagram WordPressプラグインは、あなたのウェブサイトの機能を強化し、あなたが初心者であっても新しい機能を追加することができます。
この作業を（そしてあなたの生活を）楽にしてくれる便利なプラグインがInstagram Feed Proプラグインだ。WordPress.org、Divi、Elementor、その他のページビルダーと100％互換性がある。
Smash BalloonのInstagram Feed Proは、WordPressのための最高のInstagramウィジェットプラグインです。
これを使えば、Instagram WordPressウィジェットを簡単に作成、カスタマイズし、ウェブサイトに埋め込むことができます - わずか数クリックで！
このプラグインはまた、コーディングのバックグラウンドやCSS、JavaScript、HTMLの知識を必要としない。美しいインスタグラムフィードウィジェットを簡単に作成できるビジュアルビルダーを手に入れることができる。
Instagram Feed Pro のもう 1 つの利点は、ウィジェット設定でフィードをフィルターして、 Instagram ハッシュタグ フィードや複数の Instagram アカウントのコンテンツを表示できることです。
さらに、このプラグインはユーザーを念頭に置いて設計されているため、超高速で動作します。
平均評価4.9/5つ星のプレミアムバージョンは、世界中の100万人以上の ユーザーに推奨されている。
数回クリックするだけで、このプラグインを使って強力なインスタグラム機能を利用できる：
- カスタマイズ可能なレイアウト：Instagramの外観を模倣した古典的なグリッドレイアウト、Instagramのスライドショーウィジェット、または特定の写真をハイライトのいずれかを選択します。
- レスポンシブデザイン：フィードはモバイルフレンドリーでレスポンシブなので、Instagramのウィジェットはデスクトップでもモバイルでも美しく表示されます。
- フォローボタン：Instagramユーザーがクリックするだけで簡単にフォローできるようにします。
- インスタグラムショッピングこのプラグインを使用すると、ショッピング可能なインスタグラムの投稿を追加し、そのフィードをインスタグラム・ウィジェットとしてWordPressウェブサイトのサイドバーに表示することができる。
- ソーシャルエンゲージメント：Instagramのストーリーと Instagramの写真のサムネイルをポップアップライトボックスでウェブサイトに表示します。
- 読み込み時間の短縮：信頼性の高いデータキャッシュのおかげで、プラグインがウェブサイトの速度を低下させる心配はありません。ウェブサイトの読み込み速度が速くなると、 SEO効果も向上します。
- マルチディスプレイ： 複数のInstagramフィードをサイトの異なるエリアに追加し、特定のタイプのInstagram投稿を表示します。
複数のソーシャルメディアフィードウィジェットを埋め込むための最高のソーシャルメディアフィードプラグインであるSmash Balloonは、世界中の大手ブランドからも信頼されています。
WordPress サイトに Instagram ウィジェットを追加する準備はできましたか?今すぐ Instagram Feed Pro を使い始めましょう!
これらを念頭に置いて、Instagram WordPressウィジェットをウェブサイトに埋め込む方法の実際のプロセスに移りましょう。
WordPressにInstagramウィジェットを追加する方法
WordPressサイトにInstagramウィジェットを追加する準備はできましたか？以下の手順に従ってください。
ステップ1：Instagram Feedプラグインをインストールする
インスタグラム・フィード・プロを始めるには、ここをクリックしてください。次に、プラグインをコンピューターにダウンロードします。
その後、WordPressウェブサイトにアップロードし、有効化する必要があります。WordPressプラグインのインストール方法について復習が必要な場合は、こちらのステップバイステップガイドをご覧ください。
ステップ2：Instagramフィードウィジェットを作成する
プラグインをインストールして有効化したら、このステップでInstagramフィード・ウィジェットを作成しよう。
まず、WordPressのダッシュボードからInstagramのフィード " すべてのフィード メニューに移動し、新規追加 ボタンをクリックします。
そして、ウィジェットに必要なInstagramフィードのタイプを選択することができる。Instagram Feed Proには機能が制限された無料版があるが、このプラグインのプロ版では3つの異なるオプションから選ぶことができる：
- ユーザーのタイムライン：自分のアカウントから最新のインスタグラム投稿を表示
- 公開ハッシュタグ： 選択したハッシュタグを持つInstagramの投稿を表示する
- タグ付けされた投稿 あなたのアカウントにタグ付けされたInstagramウィジェットを埋め込む
さらに、複数のオプションを同時に選択することもできる。そのため、異なるフィードタイプを1つのフィードにまとめることができます。
次に進むには、インスタグラムのフィードの種類を選び、「次へ」をクリックします。
このチュートリアルでは、ユーザータイムラインフィードタイプを 選びます。
ステップ3：インスタグラムのアカウントに接続する
このステップでは、ビジネスやクリエイターのInstagramアカウントをWordPressにリンクする方法を紹介します。
まだビジネスアカウントやクリエイターアカウントをお持ちではないですか？インスタグラムの個人アカウントをビジネスプロフィールに変更する方法を紹介した便利なガイドをご覧ください。
アカウントの準備ができたら、このページでソースの追加ボタンをクリックしてください。
プラグインは、ベーシックまたはアドバンスド・インスタグラムの接続を希望するかどうかを尋ねます。
ベーシック接続を使えば、インスタグラムの投稿をフィードに表示できる。
ハッシュタグフィード、メンションフィードなど、他のタイプのフィードについては、アドバンス接続が必要です。
インスタグラムの接続タイプを選び、「接続」をクリックする。
次に、FacebookかInstagramのどちらかを開き、アカウントの接続を完了させます。基本的な接続にはInstagramを使いますが、手順はどちらでも同じです。
まず、Instagramとつながるをクリックする。
Instagram Feed ProプラグインにInstagramアカウントへの読み取り専用アクセス権を与えることができるようになりました。プラグインはそのアクセス権を使ってインスタグラムの情報を表示しますが、実際には変更を加えることはできません。
そうすれば、Instagram Feed Proは完全に安全に使用できる。
プラグインに読み取り専用アクセス権を与えるには、ここで「許可」 ボタンをクリックします。
そうすると、プラグインはWordPressサイトにあなたを送り返す。
Instagramアカウントの接続を完了するには、「次へ」をクリックします。
ステップ4：Instagramウィジェットフィードをカスタマイズする
プラグインは、ライブフィードエディタであなたのInstagramのフィードを開きます。左側のパネルに、カスタマイズのオプションがあります。
これらのオプションを使って、フィードレイアウトテンプレート、カラースキーム、ヘッダーデザイン、投稿レイアウトなどを変更できます。
右側にはライブプレビューがあり、Instagramフィードの変更をリアルタイムで確認できる。
ここで フィードレイアウトオプションを選択し、カスタマイズを開始します。
新しいインスタグラムのフィードは、4つの異なるレイアウトから選ぶことができます：グリッド、カルーセル、メイソンリー、ハイライト。
Instagramの投稿をきれいに表示したいですか？Instagramのサムネイルをきれいな正方形に切り抜き、行と列で表示するグリッドレイアウトを選択してください。
個人的には、InstagramのウィジェットにInstagram Feed Proのグリッドレイアウトを使うのが好きだ。グリッドレイアウトを使用して、私のサイドバーエリアに私の個人的なInstagramフィードを埋め込むことを好むので、私の投稿は整理され、きちんと見えます。
ページのスペースを取らずにインスタグラムの投稿をたくさん見せたいなら、カルーセルレイアウトを選ぼう。
このオプションは、写真や動画を美しいインスタグラムのカルーセルで表示します。
インスタグラムのコンテンツを異なるカラムで表示するには、代わりに メイソンレイアウトを選ぶことができます。このレイアウトでは、インスタグラムの投稿の元の比率も維持されます。
最後に、キャプションや「いいね！」を削除してインスタグラムの投稿に焦点を当てるハイライトレイアウトが ある。また、特定の投稿のサイズを大きくして、はっきりと見えるようにすることもできる。
インスタグラムのフィードレイアウトを保存するには、上部の保存 ボタンをクリックします。
これで、小さなカスタマイズ ボタンをクリックして、インスタグラムフィードの残りの部分をカスタマイズすることができる。
ここで、Instagramフィードの色の編集を開始するには、「配色」をクリックします。
フィードの色を簡単に設定するには、4つの配色から選ぶだけです：
- テーマから継承：WordPressテーマの色をInstagramフィードに使用する。
- 明るい：明るい背景と暗いフォントでフィードを表示します。
- ダーク：背景をダークカラーに、フォントをライトカラーに切り替える。
- カスタム： Instagramフィードのすべての色を手動で選択します。
お好みの配色を選択し、保存 ボタンをクリックするだけです。
残りのカスタマイズオプションを使って、投稿レイアウト、カラム数、ヘッダースタイル、フィードサイズ、ボタンスタイルなどを変更できます。
Instagramフィードのカスタマイズが終わったら、もう一度「保存 」をクリックするのを忘れずに。
ステップ5：WordPressサイトにInstagramウィジェットを埋め込む
ライブプレビュー付きのビジュアルフィードカスタマイザーから、数クリックでInstagramフィードを埋め込むことができます。
まず、右上の埋め込み ボタンをクリックします。
すると、新しいインスタグラムのフィードの場所を選択するポップアップが表示されます。
続行するには、ショートコードをコピーし、ウィジェットに追加ボタンをクリックします。
そうすると、Instagram Feed ProがWordPressウェブサイトのウィジェットページを 開きます。ここでサイドバーとフッターのウィジェットをすべて管理できます。
Instagramフィードウィジェットの埋め込みを開始するには、サイドバーパネルを クリックします。
Instagramのフィードをフッターウィジェットエリアに埋め込みたい場合は、ここでフッターパネルをクリックすることもできます。
このチュートリアルでは、WordPressのサイドバーを使います。
プラスアイコン（+）をクリックして、フッターまたはサイドバーに新しいウィジェットを追加します。オプションからInstagram Feed ウィジェットを選択し、フィードを埋め込みます。
更新をクリックすると、このようにInstagramウィジェットがWordPressページに追加されます：
そうだ！
WordPressサイトにInstagramウィジェットを追加しました。Instagram Feed Proを使えば、必要なのは簡単な数ステップだけ。コーディングは一切不要です！
その後、適切なビジュアルコンテンツで訪問者を魅了し、彼らを忠実なインスタグラムのフォロワーに変えることができる。
Instagramウィジェットを簡単に埋め込む準備はできましたか？今すぐInstagram Feed Proを始めましょう。
なぜWordPressにInstagramフィード・ウィジェットを追加するのか？
世界最大のソーシャルメディア・プラットフォームの1つであるインスタグラムは、多くの人にリーチしたい場合に最適な場所だ。
あなたのビジネスにとって、それはより多くの顧客、売上、コンバージョンを意味する。
また、インスタグラムを最大限に活用するために、インスタグラムのフィードをウェブサイトに埋め込むこともできる。
そうすれば、ウェブサイトの訪問者はあなたのインスタグラムのコンテンツをチェックすることができ、あなたはより多くの「いいね！」、コメント、インスタグラムのフォロワーを得ることができる。
同時に、関連するインスタグラムの投稿を見せることで、ウェブサイトをより魅力的なものにすることもできる。
実際、WordPressにInstagramのウィジェットを埋め込むと、さらに多くの方法であなたを助けることができる：
- 信頼を築く：ソーシャルフォトフィードは、あなたのサイトを新鮮で最新のものに見せます。そのため、顧客はあなたのビジネスが活発で繁栄していることを知ることができます。
- より良いエンゲージメント：ソーシャル・エンゲージメントを高め、新しいフォロワーを獲得することで、インスタグラムでより良いプロモーションができる。
- 一貫したブランディング：インスタグラムの写真や動画は、企業イメージを強化するブランディング要素として機能します。また、ユーザーが作成したインスタグラムの画像をウェブサイトに表示すれば、社会的証明を使ってブランド認知度を高める素晴らしい方法となります。
- より多くの売上：ショッピング可能なInstagramの投稿やレビューウィジェットをEコマースサイトに表示すれば、サイト訪問者が商品を発見して購入しやすくなる。
- より良いSEO： 訪問者がInstagramウィジェットのフィードを楽しむと、特にInstagramフィードの「load more」ボタンをクリックした場合、あなたのサイトでより多くの時間を過ごすようになります。その結果、SEOが大幅に向上し、多くの人にリーチすることができます。
- 時間と労力を節約：インスタグラムのフィードをサイトに埋め込むと、インスタグラムにアップロードするたびに自動的に更新され、新しい投稿が表示されます。ウェブサイトに別途アップロードする必要はありません。
このように、インスタグラムの投稿をサイトに表示することで、ビジネスを後押しする方法はたくさんある。
ヒント：ウェブサイトにインスタグラムのリールを表示したいですか？WordPressにインスタグラムのリールを埋め込む方法のステップバイステップのチュートリアルです。
あなたのウェブサイトに他のソーシャルメディアのフィードを表示したいですか？WordPressにソーシャルメディアのフィードを追加する方法については、次の記事をご覧ください。
Instagramでビジネスを成長させることに興味がありますか？あなたのウェブサイトに今必要な最高のInstagram WordPressプラグインをご紹介します。
Facebookのフィードをウェブサイトに埋め込む方法については、次の記事もお読みください。
この記事を楽しんでいただけたなら、ツイッターや フェイスブックでもっと役立つチュートリアルをご紹介しますので、お気軽にフォローしてください。
とても参考になった！