スマッシュ・バルーンのInstagramフィードをElementorページに追加したいですか？
Elementorを使えば、コーディングなしで簡単に素晴らしいウェブページを作成できます。しかし、Elementorのページをさらに良くしたいのであれば、簡単な方法があります。
Instagramのフィードを表示することは、あなたのサイトをより魅力的にする素晴らしい方法です。あなたのサイトに素晴らしい写真や動画を表示し、それらを使ってインスタグラムのフォロワーやコンバージョンを増やすことができます。
シンプルなコンテンツをElementorに埋め込むのは簡単ですが、ダイナミックで常に更新されるソーシャルメディアフィードをフルカスタマイズでスムーズに統合するのは難しいものです。
Elementorのようなページビルダーでサードパーティのプラグインを完璧に動作させることは、時に少し技術的に難しいと感じることがあるのは理解している。
そこで、Elementorユーザー向けに、Smash BalloonのInstagramフィードを使用するためのガイドを作成しました。
WordPressの主要なソーシャルメディアフィードプラグインとして、Smash BalloonはElementorのような一般的なページビルダーと完璧に動作するように設計されています。
この記事では、Elementor内でSmash Balloon Instagram Feedプラグインを使用して、美しく機能的なフィードを簡単に追加する方法を紹介します。
さらに良いことは？このチュートリアルはわかりやすく簡単なので、インスタグラムのフィードをElementorのページに追加する方法を、初めての方でもすぐにマスターできます！
この記事で
なぜスマッシュ・バルーンのインスタグラム・フィードをインスタグラムに追加するのか？
ウェブサイトの美しいページを作りたいなら、ページビルダー・プラグインを使うのが簡単な解決策だ。そのための人気のオプションがElementorだ。
Elementorのドラッグアンドドロップページビルダーを使えば、コードを一行も触ることなくページを作成できます。
さらに、Elementorのページをさらに魅力的にする簡単な方法があります。インスタグラムのフィードを使えばいいのです。
Instagramフィードを使えば、Elementorのページに関連する画像や動画を簡単に表示することができます。つまり、レビュー、体験談、お知らせ、デモンストレーションなど、インスタグラムの魅力的なコンテンツをウェブサイトに表示することができるのです。
その上、実際に商品を楽しんでいる人のインスタグラム投稿を見せることは、社会的証明としても機能する。その結果、購買意欲を高めやすくなる。
さらに、インスタグラムの存在感を高めるのにも最適です。自分のインスタグラムの投稿を埋め込み、ウェブサイトの訪問者をインスタグラムのフォロワーに増やすことができる。
それでは、InstagramのフィードをElementorに追加する最も簡単な方法を見ていこう。
InstagramのフィードをElementorに追加する最も簡単な方法
Elementor用のInstagramフィードを始めたいなら、簡単なオプションがあります：Smash BalloonのInstagram Feed Proです。
市場で最高のInstagramフィードプラグインであり、簡単に美しいInstagramフィードを作成、カスタマイズ、投稿できる。
このプラグインはとてもユーザーフレンドリーなので、コードを一行も触ることなくインスタグラムのフィードを作成することができる。
Smash BalloonはElementorで動作するのでしょうか？
Instagram Feed ProはElementorと完全に互換性があるので、Elementorのビジュアルなドラッグ＆ドロップエディターを使ってInstagramのフィードを追加することができます。
何百万人もの人々がInstagram Feed Proを始める理由のトップは以下の通りです：
- ユーザーフレンドリー： 数回クリックするだけで、インスタグラムのフィードを作成、カスタマイズ、投稿することができます。
- 様々なタイプのフィード： このプラグインを使えば、ハッシュタグフィード、IGTVビデオ、ショッパブルフィード、プロフィールフィード、Instagramリールなど、さまざまなフィードタイプを手に入れることができる。
- ライブカスタマイザー：魅力的なInstagramフィードを簡単に作成できるように、リアルタイムで変更を確認できるライブカスタマイザーをご利用いただけます。
- あなたのブランディングにマッチします：このプラグインは、あなたのウェブサイトの外観を自動的にコピーします。その結果、インスタグラムのフィードはあなたのブランディングに完璧にマッチします。
- 光速：Smash BalloonのInstagram Feed Proはスピードに最適化されているため、Instagramの写真や動画はすべて超高速で読み込まれます。また、より高速なサイトはSEOの向上にも役立ちます。
- カスタマーサポート：そして一番の利点は？WordPressの専門家チームが、このプラグインをスムーズに使用できるようにサポートします。
これらの機能により、Instagram Feed Proは最高のInstagramフィードプラグインとなった。現在、1,000,000人以上のアクティブユーザーを持ち、5つ星のうち4.9の評価を得ている。
ご覧のように、このプラグインがあなたにとって最良の選択肢である理由はたくさんあります。ElementorでInstagramのコンテンツを表示する準備はできましたか？今すぐInstagram Feed Proを始めましょう。
それでは、Smash BalloonのInstagram Feed ProをElementorで使う方法を紹介しよう。
Smash Balloon Instagram Feed Pro for Elementorの使い方
このプラグインはとてもユーザーフレンドリーなので、Smash Balloon Instagram Feed ProをElementorページビルダーで使うのはとても簡単だ。
必要なのは以下の簡単なステップだけだ：
ステップ1：Instagram Feed Proプラグインをインストールして有効化する
最初のステップは、Smash BalloonのInstagram Feed Proを入手することです。その後、あなたのウェブサイトにインストールして有効化します。
その方法がわからない場合は、WordPressプラグインのインストール方法をご覧ください。
ステップ2：インスタグラムのフィードを作成する
次に、プラグインをInstagramアカウントに接続する必要があります。これを行うには、まず、ダッシュボードからInstagramのフィード " すべてのフィードに移動します。
ここで新規追加 ボタンをクリックする。
ここから、Elementorサイトに作成したいInstagramフィードのタイプを選択できます。
あなたは次の中から選ぶことができる：
- ユーザーのタイムライン： フィードを使って自分のInstagram投稿を表示
- パブリックハッシュタグ： 特定のハッシュタグを含むInstagramの投稿を表示する
- タグ付けされた投稿 あなたのInstagramアカウントにタグ付けされた写真や動画を表示します。
ここで複数のオプションを選択すると、複数のフィードタイプを1つのフィードにまとめることができます。
インスタグラムのフィードタイプを選択したら、「次へ」をクリックします。
ステップ3：インスタグラムのアカウントに接続する
このステップでは、このフィードをインスタグラムに接続し、写真や動画をサイトに表示できるようにする。
そのためには、ここでソースの追加 ボタンをクリックする。
このプラグインは、ビジネスプロフィールか 個人プロフィールを 選択できるポップアップを表示します。
どう違うのか分からない？簡単なことです：
- 個人プロフィール：個人プロフィールでは、通常のInstagramの機能をすべて利用できる。プラグインを使用すると、あなたのプロフィールのInstagramフィードを作成することができます。
- ビジネスプロフィール：ビジネスプロフィールでは、インスタグラムのアナリティクスとコンタクトボタンにアクセスできる。また、このプラグインを使えば、ハッシュタグフィード、Instagram TV（IGTV）ビデオ、ショッパブルフィード、メンションフィードなど、さらに多くの種類のInstagramフィードを作成できる。
この2つから好きなオプションを選択し、Instagramでログインをクリックします。
その後、プラグインはあなたのInstagramアカウントへの読み取り専用 アクセスを要求します。
アクセスは読み取り専用なので、プラグインは実際に変更を加えることはできず、インスタグラムのデータを読み取るだけです。そのため、Smash Balloonは完全に安全です。
続行するには、「許可」をクリックします。
最後に「Next」 ボタンをクリックする。
これであなたのInstagramアカウントはプラグインに接続された。
ステップ4：インスタグラムのフィードをカスタマイズする
インスタグラムのアカウントに接続したら、フィードのカスタマイズを始めましょう。
このプラグインは、すべてのカスタマイズオプションを含むライブフィードエディタを表示します。
左側のオプションを使って、フィードのレイアウト、配色、ヘッダーのスタイル、ボタンなどを設定できます。
右側には、インスタグラムのフィードのライブプレビューが表示され、リアルタイムで変化を追跡できる。
次に、左側の「フィード・レイアウト」 セクションをクリックする。
レイアウトオプションの 下に、インスタグラムフィード用の4つの異なるレイアウトを見つけることができます：グリッド、カルーセル、メイソンリー 、ハイライトです。
インスタグラムの投稿を行と列のシンプルなグリッドで表示するには、グリッド オプションがあります。一度にたくさんのインスタグラム投稿をフィードに表示するのに最適な方法です。
また、Instagramのカルーセルスライダーを表示することで、訪問者があなたのサイトと交流できるようにすることもできる。
そのためには、カルーセル・レイアウトを 選べばいい。
写真やビデオをそのままのプロポーションで見せたいですか？それなら、石積みの レイアウトがお役に立ちます。
また、写真や動画をより見やすくしたい場合は、ハイライト オプションがあります。このレイアウトは、インスタグラムの投稿サイズを4倍アップさせます。
インスタグラムのフィードレイアウトを選択したら、「保存 」をクリックして次に進む。
上部にある小さなカスタマイズ ボタンをクリックし、メインのカスタマイズオプションに戻ります。
ここから、配色 オプションを使ってインスタグラムフィードの色を設定できる。
インスタグラム・フィード・プロには、4つの配色オプションがある：
- テーマから継承：インスタグラムのフィードにウェブサイトの色を使う
- 明るい：明るい背景に暗いフォントでInstagramのフィードを表示する
- ダーク：インスタグラムのフィードには、ダークな背景とともにライトなフォントを使用する。
- カスタム：Instagramフィードのすべての色を手動で選ぶ
好みの配色を選んで「保存」をクリックするだけ。
その後、ここにある他のカスタマイズオプションを使って、インスタグラムのフィードの見え方を変えることができる。フィードのサイズ、投稿数、フォント、余白、背景、その他もろもろを設定できる。
最後に、もう一度「保存 」をクリックして変更を確定します。
ステップ5：スマッシュ・バルーンのインスタグラム・フィードをElementorに追加する
最後に、InstagramのフィードをElementorのページに追加します。
まず、ダッシュボードエリアから「投稿」 " 「新規追加」メニューを開き、新しいWordPressページを作成します。
その新しいページで、Elementorで編集 ボタンをクリックします。
WordPressの投稿を使いたい場合は、ダッシュボードの「投稿」→「新規追加 」で代用してください。
そして、Elementorで編集を選択します。
そうするとElementorエディタが開き、左側にすべてのコンテンツウィジェットが表示されます。
画面の右側にはElementorページのライブプレビューがあります。変更を加えると、いつでもここでどのように見えるかを確認できます。
続けるには、左側の検索フィールドを 探し、そこに「instagram」と 記入する。
その後、下の検索結果にInstagram Feed ウィジェットが表示されます。
続行するには、ウィジェットをドラッグして 右側にドロップ するだけです。
これで、このウィジェットを使ってInstagramフィードの設定を終えることができる。
そのためには、ドロップダウンメニューを使って埋め込みたいインスタグラムのフィードを選択するだけです。
その後、Publishボタンをクリックして変更を保存します。
これであなたのElementorページにスマッシュバルーンのインスタグラムフィードができました。どのように見えるか確認したい場合は、ウェブサイトを開いて見てください。
それで終わりだ！
Smash BalloonのInstagram Feed ProプラグインをElementorで使用する方法はお分かりいただけたと思います。
これを使えば、美しいInstagramのフィードを追加して、訪問者を魅了し、売り上げを伸ばし、Instagramのフォロワーを増やすのはとても簡単だ。
素晴らしいInstagramフィードを作り始めたいですか？Instagram Feed Proプラグインを入手してください。
Instagramマーケティングを始めたいですか？インスタグラムのフォロワーを増やす方法について、役立つガイドをご用意しました。
この記事がお役に立ったなら、ツイッターや フェイスブックで私たちをフォローして、ソーシャルメディア・マーケティングのヒントやトリックにご期待ください。
