美しいInstagramのカルーセルをWordPressのウェブサイトに簡単に埋め込みたいですか？
カルーセル投稿を埋め込むと、1つのインタラクティブな投稿で複数の写真や動画を紹介することができ、訪問者をサイト上で直接ビジュアルストーリーテリングに引き込むことができます。
長年のソーシャルメディア・マーケターとして、私は、標準的な埋め込みオプションを使って、Instagramのカルーセル投稿をウェブサイト上で思い通りに表示させるのは難しいことを知っている。
Smash Balloonでは、175万以上のウェブサイトがWordPressでソーシャルメディアフィードを表示するお手伝いをしてきました。当社のソーシャルメディアプラグインを使えば、Instagramのようなソーシャルネットワークのコンテンツカルーセルを簡単に表示できます。
この記事では、Smash Balloonの使いやすいプラグインを使って、インスタグラムのカルーセル投稿をウェブサイトに追加する簡単な手順を紹介する。
さらに良いことは？このガイドでは、Instagramのカルーセルを簡単に埋め込むことができます。コーディングは不要です！
この記事で
インスタグラムのカルーセルを追加する手動と自動の方法
Instagramのカルーセルをウェブサイトに手動で埋め込むべきか、それともプラグインを使って自動で埋め込むのがよいのか？
比較のために私が作成した表をご覧ください：
| 特徴 | スマッシュ・バルーンのインスタグラム・フィード・プロを使う | プラグインを使用しない |
| セットアップの複雑さ 🛠️ | コーディング不要で、素早く簡単にセットアップできます！ | 複雑で、綿密なコーディングとアプリのセットアップが必要 |
| コーディングの要件 | コーディングの専門知識は不要：すべてのユーザーに最適 | HTML、CSS、JavaScriptのコーディングスキルが必要 |
| カルーセル・ディスプレイ 🎡 ←クリック | インタラクティブ機能を備えたダイナミックなInstagramカルーセルフィードを簡単に作成できる | セットアップが難しく、機能が限られている。 |
| カスタマイズ・オプション | わずか数クリックで、Instagramカルーセルのデザインとコンテンツをカスタマイズできます。 | コードを書くか、カスタマイズのために開発者を雇う必要がある。 |
| 時間投資 | ユーザーフレンドリーなインターフェイスでインスタグラムのカルーセルを数分でセットアップ | コーディングの専門知識に応じて、数時間、数日、数週間 |
| 最終的な収穫 | Instagramのカルーセルをシームレスに見せたいですか？Smash BalloonのInstagram Feed Proを今すぐお試しください！ | 技術的な挑戦と選択肢の少なさを覚悟すること |
WordPressにInstagramのカルーセルを埋め込む最も簡単な方法とは？
WordPressのウェブサイトにInstagramのカルーセルを埋め込む簡単な方法をお探しですか？
Instagram Feed Proが使える。175万以上のウェブサイトがWordPressサイトにソーシャルメディアのフィードを表示するために信頼しているSmash Balloon社製です。
WordPressのための最高のInstagramフィードプラグインとして、Instagram Feed Proは、あなたのウェブサイトにInstagramのカルーセルを埋め込み、カスタマイズし、表示することを容易にします。コーディングは全く必要ありません。
さらに、Instagram Feed ProはどんなWordPressウェブサイトとも相性がいいのも気に入っている！これを使えば、インスタグラムをビジネスに活用し、わずか数分で好きなウェブサイトのページにカルーセルを追加することができる。
Instagram Feed Proには、Instagramのカルーセルをウェブサイトに効果的に表示するための機能もたくさんあります。カルーセルの埋め込みに最適なハイライトをいくつかご紹介します：
- 豊富なフィードタイプ- インスタグラムカルーセル、インスタグラムリール、インスタグラムギャラリー、ショッパブルインスタグラムフィードなど、さまざまなタイプのインスタグラムコンテンツを表示できます。
- 簡単かつ迅速なセットアップ- Instagram Feed Proのセットアップは驚くほど迅速で、数分で完了することが多く、簡単にカルーセルを埋め込むことができます。
- Responsive Instagram Feeds- カルーセルはすべてのデバイスで美しく見える必要があります。このプラグインは、埋め込みカルーセルがスマホ、タブレット、パソコンで見栄えよく完璧に動作することを自動的に保証します。
- 軽量-複数のInstagramフィードを埋め込みますか？Instagram Feed Proは軽量に設計されており、ページや埋め込みカルーセルの読み込みを超高速にします。
WordPressのウェブサイトにInstagramのカルーセルを埋め込む簡単な方法をお探しなら、このプラグインで簡単に実現できます。
私がInstagram Feed Proを特に評価しているのは、ビジュアルフィードカスタマイザーです。これを使えば、自分のInstagramフィードのサイズ、色、レイアウト、コンテンツを数秒で簡単に変更できる！
星4.9/5という確かな評価を得ているこのプラグインは、 1,000,000人以上のユーザーに喜んで推奨されています。それは、このプラグインが使いやすいだけでなく、あなたのウェブサイトにもロードしやすいからです。
一番いいところは言ったかな？
このプラグインには、親切でフレンドリーなカスタマーサポートチームが あり、あらゆるステップで手を差し伸べてくれる。
わずか数クリックで、あなたのWordPressウェブサイトに魅力的なInstagramのカルーセルを埋め込む準備はできましたか？
WordPressにInstagramのカルーセルを追加する5つのステップ
この方法では、Instagram Feed Proを使って、InstagramのカルーセルのフィードをWordPressに埋め込む。
新しい投稿がアップロードされるたびに、Instagram Feed Proはカルーセルフィードを更新し続ける。
インスタグラムのカルーセルをウェブサイトに表示する方法について、簡単なステップバイステップガイドをご紹介します：
ステップ1：Instagram Feed Proをインストールする
まず、Instagram Feed Proのコピーをここで入手できる。プラグインをパソコンにダウンロードするだけです。
ダウンロードが終わったら、次はウェブサイトにインストールする。
この方法について復習が必要ですか？WordPressのプラグインをインストールする方法については、こちらのステップバイステップのチュートリアルを参考にしてください。
ステップ2：Instagramのカルーセルフィードを作成する
Instagram Feed Proをインストールして有効化すると、プラグインを使って新しいInstagramフィードを作成できるようになる。
これを行うには、ダッシュボードからInstagramのフィード " すべてのフィード メニューに移動し、新規追加ボタンをクリックします。
次のページでは、作成したいInstagramフィードのタイプを選択できます。デフォルトでは、Instagram Feed Proはここで3つの異なるオプションが付属しています：
- ユーザーのタイムライン： 自分のアカウントからInstagramのカルーセルフィードを追加します。
- パブリックハッシュタグ： お好みのパブリックハッシュタグからInstagramのカルーセルフィードを追加します。
- タグ付けされた投稿 あなたのInstagramアカウントが言及された投稿のInstagramカルーセルフィードを追加します。
さらに、複数のオプションを選択し、1つのInstagramカルーセルに表示することができる。
Instagramカルーセルのフィードタイプを選んだら、「次へ」をクリックします。
このチュートリアルでは、ユーザータイムラインオプションを選ぶ。
ステップ3：カルーセルフィードをInstagramに接続する
カルーセルにインスタグラムのコンテンツを表示するには、インスタグラムのアカウントに接続すればよい。
このページでは、ソースの追加ボタンをクリックして開始します。
これをクリックすると、インスタグラムは個人ユーザープロフィールかビジネスユーザープロフィールかを選択するよう求める。
自分のインスタグラム投稿をカルーセルに表示するには、個人の インスタグラムアカウントを選択します。
しかし、ユーザーフィード、ハッシュタグフィード、ショッピング可能なインスタグラムフィードなど、より多くの種類のフィードを表示したい場合は、代わりにビジネス アカウントを選択する。
Instagramアカウントをビジネスプロフィールに変換する方法を学ぶのに助けが必要な場合は、こちらのチュートリアルをご覧ください。
Select Account Type（アカウントの種類を選択 ）オプションを使用して、接続するInstagramアカウントの種類を選択します。
続行するには、Instagramでログインボタンをクリックします。
そうすると、プラグインはInstagramにリダイレクトし、そこでInstagram Feed Proへの読み取り専用アクセスを与えることができる。
そのアクセスを使って、インスタグラムの情報を閲覧し、ウェブサイトに表示する。
そうすれば、Instagram Feed Proは完全に安全に使用できる。
ポップアップで「許可」 ボタンをクリックし、プラグインに読み取り専用アクセス権を与えます。
これで、インスタグラム・カルーセルの新しいソースが追加されました。ここから続けるには、「次へ」 ボタンをクリックしてください。
ステップ4：Instagramのカルーセルフィードをカスタマイズする
Instagram Feed Proのライブフィードエディターを使ってフィードをカスタマイズできるようになりました。
左側には、すべてのカスタマイズオプションを含むパネルがあります。これらを使って、フィードレイアウト、カラースキーム、ヘッダースタイル、投稿スタイルなどを設定することができます。
ビジュアルフィードカスタマイザーの右側には、インスタグラムフィードのライブプレビューがあります。これにより、リアルタイムですべての変更を確認することができます。
個人的には、このプラグインのライブプレビューが気に入っている。実際のサイトに埋め込む前に、インスタグラムのカルーセルフィードがどのように見えるかをチェックできるからだ。
始めるには、フィードレイアウトオプションを 開き、Instagramフィードのカルーセルレイアウトを有効にします。
ここで、Instagramフィードのレイアウトを選ぶことができます。続行するには、左側のカルーセルオプションを選択してください。
ライブプレビューを使用して、Instagramフィードのカルーセルがどのように見えるかを確認できるようになりました。
Instagram Feed Proでは、Instagramのフィードカルーセルの設定をさらに変更することもできます。
行数、ループタイプ、自動再生オプション、ページネーション、インスタグラム投稿数などを変更できる。
インスタグラムのカルーセルを設定したら、上部にある保存 ボタンをクリックしてください。
メインのカスタマイズ・オプションに戻るには、左上の小さなカスタマイズ・ ボタンをクリックします。
左側のパネルで、Color Schemeオプションをクリックして、Instagramフィードカルーセルの色を設定します。
Instagram Feed Proのカラースキームを使って、Instagramのカルーセルフィードを視覚的に美しくしましょう：
- シームレスな統合：テーマからの継承を選択することで、ウェブサイトのデザインに完璧にマッチします。
- クラシックで読みやすい：クリーンでユーザーフレンドリーな外観には、ライトスキームをお選びください。
- ボールド＆モダン：ダークスキームの洗練されたスタイルで目立ちましょう。
- あなたの創造性を解き放つ：カスタムスキームは、あなたのInstagramカルーセルウィジェットのための真にユニークな美学を作成するために完全に制御することができます。
通常、私はInstagramの フィードが自動的に私のウェブサイトと一致するように、テーマから継承を 行います。これらのオプションから自由に配色を選択し、保存 ボタンをクリックしてください。
ライブフィードエディターの残りのカスタマイズオプションを使って、投稿レイアウト、インスタグラムフィードテーマ、ヘッダースタイル、ギャラリーサイズ、ロードモアボタンなどを変更することができます。
最後に、「保存」 ボタンをクリックして変更を確定します。
このチュートリアルの最後のステップに進み、InstagramカルーセルウィジェットをWordPressウェブサイトに埋め込むことができます。
ステップ5：InstagramのカルーセルフィードをWordPressに埋め込む
Instagram Feed ProはWordPressとスムーズに連動するため、2つの簡単な方法でInstagramのカルーセルフィードをウェブサイトに表示することができます：
- WordPressのページにInstagramのカルーセルを追加する
- WordPressのサイドバーまたはフッターにInstagramのカルーセルを追加する
WordPressのページにInstagramのカルーセルを追加する
プラグイン内蔵のビジュアルフィードエディターを使えば、数クリックでインスタグラムのカルーセルを埋め込むことができます。
まず、右上の埋め込み ボタンをクリックします。
そうすると、Instagram Feed Proは、あなたのInstagramフィードカルーセルを埋め込む場所を選択できるポップアップを表示します。
そのポップアップで、「ページに追加 」ボタンをクリックする。
その後、ウェブサイトのWordPressページのリストが表示されます。インスタグラムのフィードを埋め込みたい場所を選択し、「追加」をクリックするだけです。
Instagram Feed Proは、WordPressのエディターでそのページを開き、フィードを埋め込むことができます。
まず、小さなプラス（＋）アイコンをクリックして新しいブロックを追加します。
インスタグラムのフィードブロックを見つけるには、検索バーに「インスタグラム」と入力する。
次に、下の検索結果からInstagram Feed ブロックを選択します。
最後にPublishを クリックすると、インスタグラムのカルーセルがオンラインになります。あなたのウェブサイトを開いて、訪問者にどのように見えるか見てみましょう。
Instagram Feed Proプラグインを使えば、ウェブサイトのウィジェット対応エリアにInstagramカルーセルを埋め込むこともできる。
見てみよう：
WordPressのサイドバーまたはフッターにInstagramカルーセルを追加する
このプラグインには、すぐに使えるソーシャルメディアウィジェットが用意されているので、Instagramのカルーセルフィードをサイドバーにも簡単に追加できる。
まず、ダッシュボードからInstagramのフィード " すべてのフィードに 移動し、埋め込みたいInstagramのフィードカルーセルをクリックします。
ライブフィードエディターが再び開きます。ここで、右上にある埋め込み ボタンを探してクリックします。
先ほどと同じように、インスタグラムのフィードカルーセルの場所を選択できるポップアップが表示されます。
ここでウィジェットに追加 ボタンをクリックする。
カルーセルフィードをInstagramウィジェットとして埋め込むことができる。
次に、Instagramのカルーセルを埋め込みたい場合は、サイドバーパネルを クリックします。
フッターエリアにカルーセルフィードを埋め込むには、代わりにフッターパネルを クリックしてください。
このチュートリアルでは、Instagramのフッターウィジェットとしてカルーセルフィードを追加してみましょう。
最後に、ここでプラスアイコン（+）をクリックして新しいウィジェットを追加し、Instagram Feedをクリックする。
変更を保存するには、忘れずにUpdate ボタンをクリックしてください。
これで、ウェブサイトのフロントに移動すると、このようにInstagramのスライドショー・フィード・ウィジェットがサイドバーに表示されます。
それで終わりだ！
これで、InstagramのカルーセルフィードをWordPressウェブサイトに簡単に埋め込む方法がお分かりいただけたと思います。
これで、インスタグラムのフォロワーを増やし、潜在的なファンの魅力的なコミュニティを構築し、時間をかけて売上を急増させることができる。
今すぐInstagramのカルーセルを埋め込む
WordPressサイトにInstagramのカルーセルを追加することは難しいことではありません。
Smash BalloonのInstagram Feed Proを使えば、魅力的なカルーセルを数時間ではなく、わずか数分でウェブサイトに美しく表示させることができます。
私自身の経験から、インスタグラムのカルーセルを手作業で埋め込み、WordPressサイト上で正しく見えるようにするのは、かなりイライラするものだと知っている。
これこそが、私がInstagram Feed Proを重宝している理由だ。カルーセルを簡単にサイトに設置できる。特別なスキルは必要なく、カルーセルはページ上に完璧に表示され、最新の投稿で自動的に更新される。
インスタグラムのカルーセルをあなたのウェブサイトで簡単に共有する準備はできましたか？次にお勧めするのはこちらです：
- Instagram Feed Proはこちらから。(14日間の返金保証付きで、リスクなしでお試しいただけます！)
- 記事で紹介されている簡単なセットアップ手順に従ってください。
- 埋め込んだInstagramのカルーセルがデスクトップとモバイルデバイスの両方でどのように美しく見えるかをご覧ください。
- 新鮮で視覚的に魅力的なコンテンツが、あなたのサイトで自動的に更新されるのをお楽しみください。
インスタグラムのカルーセルを表示することで、訪問者の興味を引きつけ、複数の写真や動画を一か所で見せることができる素晴らしい方法です。
Instagram Feed Proを使ってウェブサイトにInstagramのカルーセルを設置することについて質問がありますか？下のコメントでお気軽にご質問ください！
