インスタグラムのフィードを無料でウェブサイトに埋め込む方法(ステップバイステップ)
クリック・ソーシャル

ClickSocialを使ってWordPressから直接ソーシャルメディア投稿をスケジュールする

無料トライアル開始 アングルライト
ホーム ブログ インスタグラムのフィードを無料でウェブサイトに埋め込む方法(ステップバイステップ)

インスタグラムのフィードを無料でウェブサイトに埋め込む方法(ステップバイステップ)

インスタグラムのフィードをウェブサイトに無料で埋め込む方法

Instagramのフィードを無料でウェブサイトに埋め込む最良の方法をお探しですか?

インスタグラムのフィードをウェブサイトに埋め込むことは、エンゲージメントを高め、ブランドの個性をアピールし、コンテンツを新鮮に保つ素晴らしい方法です。

でも、無料でできるわけがない。

この簡単なガイドでは、パワフルで無料のSmash Balloon Social Photo Feedを使って、コーディングの知識なしでインスタグラムのフィードをウェブサイトにシームレスに統合する方法をご紹介します。

魅力的なビジュアルと魅力的なソーシャル・コンテンツでウェブサイトを強化する準備はできていますか?

Smash Balloonの無料インスタグラムフィードプラグインを使って、無料でインスタグラムフィードを埋め込む簡単な手順を紹介しよう。

なぜ無料でインスタグラムのフィードをウェブサイトに埋め込むのか?

なぜウェブサイトにインスタグラムのフィードを埋め込む必要があるのでしょうか?その理由のトップはこちらです:

  • エンゲージメントを高める:Instagramのフィードを埋め込むことで、ウェブサイトに活気を与え、訪問者がコンテンツと交流し、より長い時間をかけて探索することを促します。例えば、ウェブサイトにInstagramフィードを埋め込んだ例をご覧ください。
  • 新鮮なコンテンツを自動的に:ウェブサイトのギャラリーを手動で更新することに別れを告げましょう!インスタグラムのフィードを無料で埋め込めば、あなたのウェブサイトは自動的に最新のインスタグラムのリールや投稿を表示し、余分な労力をかけずにコンテンツを新鮮で魅力的なものに保つことができます。
  • ブランドをアピールしようブランドの個性を輝かせましょう!ウェブサイト上のInstagramフィードは、ブランドの美学、価値観、社会的証明をいかに効果的に伝えることができるかを示し、オーディエンスとの信頼とつながりを築きます。
  • Instagramへのトラフィックを促進する:Instagramのフィードを埋め込むことで、ウェブサイトとInstagramのプロフィールをつなぐ架け橋となり、訪問者にブランドとのさらなる関わりを促します。また、インスタグラムのフォロワーを増やすのにも最適です。

インスタグラムのフィードを無料で埋め込む最良の方法とは?

Instagramの投稿、プロフィール、フィードをウェブサイトに埋め込む最良の方法は、Smash Balloonの無料のSocial Photo Feedプラグインを使用することです。

Social Photo Feedは、WordPress初心者でも、インスタグラムのコンテンツをウェブサイトに直接統合できるシンプルで効果的な方法です。

コーディングの知識は不要なので、数回クリックするだけでインスタグラムのアカウントに接続でき、ダイナミックでカスタマイズ可能なインスタグラムのフィードがサイトに表示される。

ソーシャルフォトフィードにはビジュアルフィードカスタマイザーもあり、レイアウト、色、写真の枚数などをユーザーフレンドリーなインターフェイスでコントロールすることができます。

この無料のInstagram WordPressプラグインは、Elementor、Divi、Astraのような人気のページビルダーとも互換性があり、既存のウェブサイトのセットアップとのシームレスな統合を保証します。

Smash BalloonのSocial Photo Feedを使えば、インスタグラムのフィードを無料でWordPressのウェブサイトに埋め込むことができます。

Social Photo Feedを無料で試してみませんか?

WordPressウェブサイトのURLを入力して、無料のInstagramフィードプラグイン、Social Photo Feedをインストールしてください。

インスタグラムのフィードを無料で埋め込む方法(5ステップ)

Smash Balloonのソーシャルメディアフィードプラグインは、世界中で175万人以上のユーザーに信頼されており、Instagramのフィードを簡単にサイトに埋め込むことがいかに重要かを理解しています。

だからこそ私たちは、Instagramのフィードウィジェットを無料で埋め込むことができる、WordPress用の最高の無料Instagramフィードプラグインを作成しました。

インスタグラムのフィードを埋め込むクイックステップ(概要)

ステップ1:ソーシャルフォトフィードプラグインをインストールする

驚くほど簡単に始めることができます!以下にあなたのウェブサイトのURLを追加するだけで、自動的にWordPress用の無料Instagramプラグインを見つけることができます:

Social Photo Feedを無料で試してみませんか?

WordPressウェブサイトのURLを入力して、無料のInstagramフィードプラグイン、Social Photo Feedをインストールしてください。

個人的には、自分のウェブサイトのリンクを入力するだけで、WordPressのダッシュボードで自動的に無料のプラグインを探してくれるので、上記の設定が気に入っている。

手動で行う場合は、バックエンドのWordPressウェブサイトのダッシュボードに移動してください。左側のパネルが見えますか?マウスをプラグインメニューに 合わせ、新規追加をクリックします。

新しいプラグインを追加する

ウェブサイトのプラグインページに移動します。右上に検索ボックスがあります。Smash Balloon Instagram Feed」を探してください。

Smash Balloon Social Photo Feedというプラグインが見えますか?その横にある「今すぐインストール 」ボタンをクリックしてください。

ソーシャルフォトフィードを使って無料でインスタグラムのフィードを埋め込む

数秒待って、ボタンが変わるのを待ってからアクティベートボタンを クリックする。

ソーシャルフォトフィード・インスタグラム・プラグインを有効にする

ステップ2:新しいインスタグラムフィードを無料で作成する

この後、あなたのサイトに無料のInstagramフィード・ウィジェットを作成するために、ガイドされたフローを使い始めることができる。

まず、WordPressの管理エリアからInstagramのフィード " すべてのフィードメニューに移動します。

その後、上部にある大きな「新規追加」 ボタンをクリックする。

インスタグラムフィードプロ

次に、WordPressサイトにどのタイプのInstagramフィードを表示するかを選択することができる。

プラグインのプレミアム版であるInstagram Feed Proには、ハッシュタグキャンペーンのためのハッシュタグフィード、タグ付けされた投稿など、大量の高度なフィードタイプが付属しています。

このチュートリアルでは無料版のプラグインを使用しているので、自分のInstagram投稿を表示するためにユーザータイムラインオプションを クリックしてみよう。その後、Nextを クリックして次に進みます。

インスタグラム用に新しいフィードを作成

ステップ3:インスタグラムのアカウントに接続する

次のステップは、InstagramアカウントをSocial Photo Feedプラグインに接続することです。これで、無料でInstagramのフィードを埋め込むことができる。

これを行うには、まず、ソースの追加 ボタンをクリックします。

インスタグラム、フィードにソースを追加

次に、ベーシック接続かアドバンス接続かを選択するよう求められます。

ベーシック接続では、あなたのアカウントからインスタグラムのコンテンツを表示することができます。

ハッシュタグフィード、フォトタグフィード、ショッピング可能なインスタグラムフィードなど、特別なインスタグラムフィードを表示したいですか?

その後、Instagram Feed Proにアップグレードし、アドバンス接続を使用することができます。

とりあえず、Business Basic オプションを選択し、Connectボタンをクリックする。

インスタグラムの接続タイプを選択する

その後、Instagramを開いてアカウントの接続を完了させることができる。

だから、Instagramとつながるボタンを押すだけでいい。

インスタグラムの基本プロフィールに接続する

これでインスタグラムが表示されるので、プラグインに 読み取り専用 アクセス権を与えることができる。

これにより、スマッシュバルーン ソーシャルフォトフィードは、お客様の情報を閲覧するだけで、変更を加えることはできませんので、スマッシュバルーンは完全に安全でセキュアです

続行するには、ポップアップで「許可」をクリックすればよい。

インスタグラムの読み取り専用アクセスを許可する

最後に、Next ボタンをクリックして、このアカウントをInstagramフィードのソースとして確認する。

インスタグラムのフィードソースを確認する

これであなたのInstagramアカウントがプラグインに接続されました。ご覧の通り、プラグインは自動的にこれを行うので、手動でInstagramのAPIに接続する必要はありません。

ステップ4:無料インスタグラムのフィードをカスタマイズする

このWordPressのInstagramフィード・プラグインが、箱から出してすぐにすでに素晴らしい見た目になっていることをご存知だろうか?

つまり、スマッシュバルーンソーシャルフォトフィードは、あなたのウェブサイトのデザインを自動的にコピーします。その結果、あなたのInstagramフィードは、あなたのブランドのアイデンティティと一貫した外観になります。

また、フィードのルック&フィールをもっとコントロールしたい場合は、このプラグインを使えば、ライブフィードエディタを使ってインスタグラムのフィード表示を簡単に設定することができます。

無料インスタグラムフィードライブエディタの例

左側には、フィードタイプ、カラースキーム、インスタグラムフィードテーマ、CTA、ヘッダースタイルなどを変更するためのカスタマイズオプションが表示されます。

これらのオプションを使ってフィードのデザインを変更すると、右側にプレビューが表示され、変更した内容がリアルタイムで表示されます。

始めに、左の配色 オプションをクリックしてください。

オープン配色オプション

この後、インスタグラムのフィードのカラーオプションを4種類から選ぶことができる:

  • テーマを継承: テーマの色を自動的にコピー
  • 明るい:明るい背景と暗いフォントでフィードを表示します。
  • 暗い:暗い背景と明るい色のフォントを選ぶ。
  • カスタム: 手動で色を選択

フィードの色を選んだら、「保存」をクリックしてインスタグラムのフィードの変更を確認する。

専門家のアドバイス無料版のプラグインでも、一般的なフィードに縛られることはない。Social Photo Feedは、様々な無料カスタマイズオプションであなたのInstagramフィードをパーソナライズすることができます。

インスタグラムのフィードプラグインを無料でカスタマイズできる他の方法を紹介しよう:

  • フィードのサイズを調整して、ウェブサイトのレイアウトを完璧に補完してください。
  • 最も魅力的なコンテンツを紹介するInstagramの投稿を表示する数を選択します。
  • フィードのヘッダーをあなたのブランドカラーやロゴでカスタマイズして、統一感を出しましょう。
  • シームレスなユーザーエクスペリエンスのためにボタンの外観を制御する
  • そしてもっと!

インスタグラムのフィードの見た目に満足したら、今度はそれをワードプレスのウェブサイトに追加しよう。

ステップ5:Instagramのフィードをウェブサイトに無料で埋め込む

あなたのサイトにInstagramを表示するには、この無料のWordPress Instagramフィードプラグインを使用して、2つの方法でInstagramのフィードを追加することができます:

  • インスタグラムのフィードをウェブサイトのページに追加する、
  • インスタグラムのフィード・ウィジェットをウェブサイトのサイドバーやフッターに追加する。

以下、両方のオプションについて説明しよう。

インスタグラムのフィードをウェブページに埋め込む

あなたは先に行くと、このプラグインを使用して、ライブフィードエディタから直接あなたのInstagramのフィードを埋め込むことができます。

まずは、上部の埋め込み ボタンをクリックしてください。

埋め込みボタンを使って無料でインスタグラムのフィードを埋め込む

ポップアップから、ユニークなフィードのショートコードをコピーすることもできるし、さらに良いのは、Add to a Pageを クリックするだけで、インスタグラムのフィードをWordPressのページに表示できる。

インスタグラムのライブフィードをページに追加

次に、リストからあなたのページを選択し、Addをクリックします。

インスタグラムのライブフィードを埋め込むページを選択

これにより、ライブフィードエディターでWordPressページが開きます。

エディタ内でプラス(+)アイコンをクリックし、新しいWordPressコンテンツブロックを追加します。

ワードプレスに新しいコンテンツブロックを追加する

次に、検索フィールドで"instagram "を探す。そして、Instagram Feedブロックをクリックして、ウェブページに追加する。

インスタグラムのフィードブロックをワードプレスのページに埋め込む

これで、Instagramのフィードがプレビューとしてあなたのページに自動的に表示されます。見た目が気に入ったら、このインスタグラムの埋め込み例のように、「公開 」または「更新 」をクリックしてウェブサイト上でライブにしましょう:

インスタグラム・フィード・プロの例

また、コードスニペットを埋め込むことなく、インスタグラムのフィードウィジェットをウェブサイトのサイドバーに追加することもできる。

まず、WordPressの管理パネルに移動し、Instagramのフィード " すべてのフィードに移動し、先ほどのInstagramのフィードをクリックします。

インスタグラムのフィードをもう一度開く

今、あなたはライブフィードエディタで開いているInstagramのフィードを見ることができます。ここに埋め込むをクリックしてください。

無料のインスタグラムフィードプロを埋め込む

今回は、ポップアップの「ウィジェットに追加」 ボタンをクリックします。

これで、プラグインはあなたのサイトのウィジェットページにあなたを送るので、新しいInstagramフィードウィジェットを追加することができる。

ここからサイドバーを クリックし、無料のInstagramウィジェットを追加する。

インスタグラムのライブフィードを埋め込むサイドバーパネルを開く

また、フッターにインスタグラムのフィードを追加したい場合は、代わりにフッターを クリックすることもできる。

この記事では、サイドバーオプションを 使うことにする。

フッターパネルを開き、インスタグラムのライブフィードを埋め込む

フィードを埋め込むには、プラス(+)アイコ ンをクリックし、Instagram Feedを選択します。

サイドバーにインスタグラム・ウィジェットを追加する

このようにサイドバーにインスタグラムのフィードを埋め込むことができます

インスタグラムのフィードを無料で埋め込む 例

というわけで、皆さん、お待たせしました!これで、あなたのWordPressウェブサイトにInstagramのフィードを無料で簡単に埋め込む方法がわかりました。

魅力的なInstagramフィードを作成する準備はできましたか?今すぐInstagram Feed Proを使い始めるには、こちらをクリックしてください!

さらに多くのカスタマイズオプション、Instagramハッシュタグフィード、タグ付きフィード、Instagramカルーセルのような大量のフィードタイプ、優先サポートが必要な場合は、Instagram Feed Proのプレミアムバージョンをお試しください

無料インスタグラム・フィード・プラグインのトップ機能

Instagram用のプレミアムソーシャルメディアアグリゲーターを購入する予算がまだない場合は、Social Photo Feedを使ってInstagramマーケティングのアップグレードを始めることができる。

ソーシャルフォトフィードプラグイン

さらに、Instagram Feed Proの無料版なので、Social Photo Feedも超高速だ。

つまり、埋め込んだインスタグラムのフィードウィジェットは可能な限り高速に読み込まれるため、ページ速度に悪影響を与えることはありません。

その結果、ウェブサイトのSEOが改善され、eコマースサイトの訪問者のユーザー体験が向上します。まさにWin-Winの関係だ!

Social Photo Feedの無料トライアルを使用すると、以下の機能もお楽しみいただけます:

  • 設定がとても簡単: Social Photo FeedとInstagramのプロフィールを接続し、わずか数分でフィードを表示することができます。
  • 複数のInstagramアカウント: 複数のInstagramアカウントをお持ちですか?Social Photo Feedを使えば、複数のInstagramアカウントの写真を同じフィードまたは別々のフィードに表示することができます。
  • 豊富なカスタマイズ機能: クリックするだけで、インスタグラムのフィードをブランドのデザインに合わせてカスタマイズすることができます。
無料インスタグラムフィードライブエディタの例
  • GDPR対応: わずか1クリックで、このプラグインは市場で人気のあるGDPRクッキー同意プラグインの多くと統合します。
  • 100%互換性: Social Photo FeedはWordPressとInstagramの両方に完全対応しているので、Instagramのフィードを無料で埋め込むのは簡単です。Wix、Weebly、Webflow、Shopify、Squarespaceなどの他のウェブサイトビルダーには対応していませんが、市場で最も急成長しているサイトビルダーであるWordPressとの互換性は保証されています。
  • バックアップシステム: このプラグインは、インスタグラムが一時的にダウンしても、あなたのウェブサイトにインスタグラムの投稿を表示することが保証されています。つまり、埋め込んだインスタグラムのフィードは、中断することなく常にWordPressに表示されます。
  • Instagram oEmbeds: Instagram oEmbedsを自動的にパワーアップしたいですか?Social Photo Feedをインストールするだけで、あなたの代わりにやってくれます。
  • 自動的にレスポンシブ: このプラグインは、Instagramのフィードをモバイルとデスクトップの両方で自動的に美しく表示する。

スマッシュバルーンのインスタグラムフィード:無料とプロの比較

私たちがユーザーからよく受ける質問は、ウェブサイトにInstagramのフィードを表示する場合、無料のSmash Balloon Social Photo FeedとプレミアムInstagram Feed Proの違いは何かということです。

スマッシュバルーンソーシャルフォトフィードは100%無料です。

さらに多くの機能を利用したい場合は、無料プランをインスタグラム・フィード・プロに簡単にアップグレードすることができる:

インスタグラムのフィードを埋め込む 無料のハッシュタグフィード
カルーセル・フィード・インスタグラム
  • ユーザーフィードの投稿コメントと「いいね!」数とコメント数を表示する
  • インスタグラムのストーリーをサイトで紹介
  • インスタグラムのフィードに「メイソンリー」または「ハイライト」レイアウトを使用する
インスタグラムのフィードハイライトを埋め込む

最高なのは?

インスタグラム・フィード・プロは、スマッシュ・バルーン社によって開発されました

当社のソーシャルメディアフィードプラグインは、ソーシャルフィードやソーシャルメディア投稿をウェブサイトに表示するために、175万人以上のスマートなビジネスオーナーに使用されています。

2013年に設立されたSmash Balloonは、Coca-Cola、Indeed、Baileysなどの世界的な大手ブランドから信頼され、ソーシャルメディアフィードウィジェットをウェブサイトに表示しています。

今すぐInstagram Feed Proにアップグレードして、高度な機能をアンロックし、Instagramフィードを次のレベルに引き上げましょう。

Instagramのフィード・ウィジェットを無料で埋め込むことは可能か?

はい、InstagramのフィードをWordPressのウェブサイトに無料で埋め込むことができます。

Smash Balloon Social Photo Feedプラグインを使えば、素晴らしいInstagramのコンテンツをウェブサイトとシームレスに統合し、全くコストをかけずにユーザーのエンゲージメントを高めることができます。

簡単で効果的な無料のWordPressインスタグラムフィードプラグイン

Smash Balloon Social Photo Feedは、WordPressのための最高のInstagramフィードプラグインである高評価のInstagram Feed Proの無料版です。

数回クリックするだけで、魅力的なInstagramフィードを作成、カスタマイズし、ウェブサイトに表示することができます。

Instagramのフィードウィジェットを埋め込むノーコード方法

この無料のインスタグラムフィードプラグインは、複雑なコーディングの必要性を取り除きます。

あなたのInstagramアカウント(個人またはビジネス)を接続するだけで、Social Photo Feedがホームページ、ランディングページ、商品ページ、Instagramウィジェットなど、あなたのウェブサイトの好きな場所にフィードを簡単に追加できます。

カスタマイズが簡単な無料のInstagram WordPressプラグイン

プロのデザイナーや開発者でなくても心配はいらない。

Smash Balloon Social Photo Feedのユーザーフレンドリーなインターフェースにより、Instagramフィードのスタイルを簡単にカスタマイズできます。

幅、高さ、写真の数、カラム、背景色、画像の間隔を変更することができます。

ビジュアルカスタマイザーを使ってインスタグラムのフィードを無料で埋め込む

Social Photo Feedは、WordPress、Elementor Instagram feeds、Divi、Astraのような人気のあるページビルダーと100%互換性があり、既存のウェブサイトのセットアップとのスムーズで手間のかからない統合を保証します。

あなたのウェブサイトに無料でインスタグラムのフィードを追加する準備はできましたか?

以下にあなたのウェブサイトのURLを追加するだけで、自動的に無料のInstagram WordPressプラグインに誘導しますので、すぐに始めることができます。

Social Photo Feedを無料で試してみませんか?

WordPressウェブサイトのURLを入力して、無料のInstagramフィードプラグイン、Social Photo Feedをインストールしてください。

著者アバター
リアン・ラロヤ コンテンツマーケティングマネージャー
リアンヌはスマッシュバルーンでコンテンツマーケティングマネージャーを務め、WordPressコンテンツ、ソーシャルメディアマーケティング、ユーザー生成コンテンツ(UGC)、検索エンジン最適化(SEO)において12年以上の経験を持つ。

コメントを追加する

コメントをお寄せいただきありがとうございます。すべてのコメントはプライバシーポリシーに従って管理され、すべてのリンクはnofollowであることにご留意ください。名前欄にはキーワードを使用しないでください。個人的で有意義な会話をしましょう。