あなたのWordPressウェブサイトにダイナミックなInstagramギャラリーを追加したいですか？
最新のインスタグラムの写真や動画のギャラリーをサイトに直接表示することで、コンテンツの鮮度を保ち、訪問者を視覚的に惹きつけ、ウェブサイトのトラフィックをインスタグラムのフォロワーに変えることができます。
しかし、カスタマイズ可能なインスタグラムのギャラリーを作成するには、インスタグラムの標準的な埋め込みオプションを使用するのは簡単ではありません。
また、サイトのレイアウトに必要な柔軟性や機能が欠けていることも多い。
ソーシャルメディア・コンテンツをウェブサイトに埋め込んだり、スタイリングしたりするのは、コードや複雑なウェブサイト・ビルダーが苦手な方にとっては、少々敷居が高く感じられるかもしれません。そこで、このステップバイステップのガイドをご用意しました。
ソーシャルメディアフィードを簡単に追加し、カスタマイズするウェブサイトの所有者を支援する10年以上の経験を持つ私たちスマッシュバルーンは、あなたのWordPressサイトにInstagramのギャラリーを追加する方法を正確に示すためにこの記事を書きました。
さらに？このチュートリアルはWordPress初心者のためにデザインされているので、技術に詳しくなくても、簡単に自分だけの魅力的なInstagramギャラリーを作ることができます！
この記事で
- なぜWordPressにInstagramギャラリーを追加するのか？
- なぜInstagramギャラリーにプラグインを使うのか？
- WordPressでInstagramギャラリーを作成する方法
なぜWordPressにInstagramギャラリーを追加するのか？
WordPressでInstagramギャラリーを作りたい理由はたくさんあります。
最も明白な理由は、インスタグラムのフォロワーを増やすことだ。Instagramのコンテンツをサイトに埋め込めば、訪問者はあなたがフォローする価値のある盛況なプロフィールを持っていることを知ることができる。
インスタグラムのギャラリーのタイムラインを表示することもできる。
- サイト訪問者の興味に関連したコンテンツでサイト訪問者を引き込む
- 顧客レビューや証言で社会的証明を示す
- 定期的に更新されるフィードで、ブランドがトレンドに対応できることを示す
- ユーザーが作成したコンテンツを商品ページに表示し、売上を伸ばす
インスタグラムをビジネスに活用し、ウェブサイトにインスタグラムのギャラリーを追加することで、ブランドの露出を高め、エンゲージメントレベルを高く保つことができる。
また、将来にわたって長く続く顧客との関係構築にも役立つ。
なぜInstagramギャラリーにプラグインを使うのか？
前述したように、Instagramは写真のギャラリー全体をWordPressに埋め込むことを容易にしていない。編集ツールでできるのは、せいぜい単一の投稿を埋め込むことくらいだ。
そこで今回は、WordPressプラグインを使ってInstagramギャラリーの作り方をご紹介します。プラグインを使えば、多くの作業を代行してくれるので、ギャラリー作成が簡単になります。
Instagramのプラグインは、あなたのプロフィールに接続し、あなたの投稿を好きなように表示します - コーディングは必要ありません！
必要な機能をすべて備えたWordPressのInstagramプラグインを見つけるのは簡単ではありません。
スマッシュバルーン Instagram Feed Proは、WordPress 向けの最高のInstagram フィードプラグインです。
WordPressでカスタマイズ可能なInstagramギャラリーを表示でき、見栄えを良くするために技術的な作業は一切不要です。
すべてのインスタグラムギャラリーは完全にカスタマイズ可能です。また、サイト上の好きな場所に好きなだけギャラリーを表示することができます。
複数のレイアウトオプションにより、カルーセル、グリッド、メイソングリッドなどでギャラリーを展示できます。
さらに、ハイライトレイアウトを使って、ギャラリー内の特定の投稿に注目を集めることができます。
Instagram Feedプラグインでできる他のことをいくつか紹介しよう：
- ギャラリーの投稿を商品ページにリンクし、ショッピング可能なインスタグラムフィードを作成する。
- Instagramのストーリーをフルスクリーンのライトボックスポップで表示する
- ショッピング可能なインスタグラム投稿をウェブサイトに埋め込む
- 同じサイトで複数のインスタグラムアカウントを管理する
- ハッシュタグや検索ワードなどに基づいて、Instagramのコンテンツをフィルタリングします。
- 多くのフィードを1つのインスタグラムギャラリーにまとめる
- 強力なビジュアルモデレーションシステムで投稿をモデレートする
さらに、最高品質のカスタマーサポートと14日間の100％返金保証もご利用いただけます。
インスタグラム・フィード・プロを始めるには、こちらをクリックしてください。
WordPressでInstagramギャラリーを作成することがなぜ有益なのかがわかったところで、最初のギャラリーフィードを作成するためのステップを見てみましょう。
WordPressでInstagramギャラリーを作成する方法
それではさっそく、インスタグラムのギャラリーを作成、カスタマイズ、埋め込む方法をチュートリアルでご紹介しましょう。
ステップ1: Smash Balloon Instagram Feed Pro プラグインをインストールする
最初のステップは、WordPressウェブサイトにInstagram Feed Proプラグインをインストールすることです。
WordPressプラグインのインストール方法がわからない場合は、こちらのステップバイステップガイドをご覧ください。
プラグインを有効化すると、ステップ2でインスタグラムのギャラリーフィードを作成できます。
ステップ2: Instagramギャラリーフィードを作成する
あなたのウェブサイトにInstagram Feed Proを導入したら、Instagramギャラリーを作成しましょう。
WordPressの管理ダッシュボードから、Instagramのフィード " すべてのフィード メニューに移動します。
インスタグラムのギャラリーを作成するには、新規追加をクリックするだけです。
そうしたら、インスタグラムのギャラリーのタイプを選ぶことができます。このプラグインでは、3種類のギャラリーから選ぶことができます：
- ユーザーのタイムライン： あなたが所有するアカウントのInstagram投稿のギャラリーを表示します。
- 公開ハッシュタグ： ユーザーではなく、ハッシュタグからのすべての公開投稿のギャラリーを作成します。
- タグ付き投稿 あなたのプロフィールがタグ付けされた写真のギャラリーを表示します。
複数のギャラリータイプを組み合わせるには、ここで複数のオプションを選択することができます。
必要なInstagramギャラリーのタイプを選択し、「次へ」をクリックします。
とりあえず、このチュートリアルではユーザー・タイム ラインを使うことにしよう。
ご覧の通り、このプラグインを使ってインスタグラムのギャラリーを作成するのはとても簡単です。
次のステップでは、新しく作成したギャラリーをソースに接続します。
ステップ3：インスタグラムのアカウントに接続する
新しいインスタグラムのギャラリーに写真やビデオを表示させたい場合は、インスタグラムのアカウントに接続すればよい。
そのためにはまず、このページでソースの追加ボタンをクリックする。
このプラグインでは、インスタグラムのアカウントを2種類から選ぶことができる：個人またはビジネス。
個人アカウントでは、自分のインスタグラムの投稿しかギャラリーに表示できません。
ハッシュタグフィード、IGTVビデオ、ショッパブルフィード、インスタグラムリールなど、インスタグラムギャラリー用のより多くの種類のコンテンツにアクセスするには、ビジネス アカウントを選択することができます。
Select Account Type オプションでInstagramアカウントの種類を選択し、Login with Instagram ボタンをクリックします。
その後、プラグインがInstagramに送信します。これで、Instagram Feed Proに読み取り専用のアクセス権を与えることができ、ウェブサイトにInstagramのコンテンツを表示できるようになります。
プラグインはあなたのデータを見ることができるだけで、変更を加えることはできないので、あなたのInstagramアカウントは完全に安全です。
読み取り専用アクセスを確認するには、「許可」 ボタンをクリックします。
最後に、このページの「次へ」 ボタンをクリックして、新しいインスタグラムギャラリーのソースとしてインスタグラムアカウントを使用します。
ここまでで、あなたのサイトに新しいInstagramギャラリーを作成し、Instagramに接続しました。次のステップでは、カスタマイズオプションを使ってInstagramギャラリーの見た目を変更します。
ステップ4：インスタグラムのギャラリーフィードをカスタマイズする
インスタグラムのギャラリーにソースを追加したら、フィードエディタを使ってそのデザインをカスタマイズできる。
ここでは、画面の左側にすべてのカスタマイズオプションを見つけることができます。ギャラリーのレイアウト、カラースキーム、ヘッダースタイル、ギャラリーのサイズなどをカスタマイズするオプションがあります。
そして右側には、インスタグラムのギャラリーのライブプレビューがあり、リアルタイムですべての変更を見ることができます。
をクリックします。 フィードレイアウトオプションをクリックし、Instagramギャラリーのカスタマイズを開始します。
ご覧のように、グリッド、カルーセル、メイソンリー、ハイライトの4種類のレイアウトテンプレートからお選びいただけます。
各ギャラリーレイアウトを、あなたのウェブサイト上でどのように見えるかの例とともに詳しくご紹介します。
グリッド・インスタグラム・ギャラリー
グリッドギャラリータイプは伝統的なフォトギャラリーです。これは、正方形にトリミングされた画像の均一なガードであなたのInstagramの投稿を表示します。
デスクトップとモバイルデバイスの両方で、写真の数とカラムを選択してギャラリーをカスタマイズすることができます。また、写真の周りのパディングを変更することも可能です。
カルーセル・インスタグラム・ギャラリー
カルーセルギャラリータイプは、写真やインスタグラムの動画を横長のスライドショーのカルーセルで表示します。
Instagramのカルーセルのルック＆フィールをカスタマイズするために行と列の数を選択することができます。また、ナビゲーションアローの表示・非表示、ページネーション、ギャラリーの自動再生設定も可能です。
石工インスタグラム・ギャラリー
Masonry Galleryでは、Instagramの投稿をオリジナルの縦横比で表示できます。つまり、縦長の写真が特定のサイズに合わせてトリミングされることはありません。
このギャラリータイプでは、デスクトップ用とモバイル用のカラム数と写真数を個別に設定することができます。
ハイライト・インスタグラム・ギャラリー
ハイライト・ギャラリー・タイプは、インスタグラムの写真を均一の正方形に切り抜き、メイソリー・スタイルで表示します。
ハイライトされた記事は2倍の大きさになるので、より注目を集めることができる。
利用可能なギャラリーのレイアウトオプションを見て、お好みのものを選択してください。保存を クリックして変更を確認することを忘れないでください。
その後、左上の小さなカスタマイズ ボタンをクリックして、インスタグラムギャラリーのカスタマイズを続けます。
次に、Instagramギャラリーの色を変更するために配色オプションを選択します。
インスタグラムのギャラリーでは、4つの異なるカラースキームから選ぶことができます：
- テーマから継承：ウェブサイトの色をコピーする
- 明るい：明るい背景と暗い文字色
- ダーク：背景が暗く、文字色が薄い。
- カスタム：手動で色を選択
ご希望の配色を選択し、「保存」 ボタンをクリックしてください。
残りのカスタマイズオプションを使って、Instagramギャラリーのデザインを変更することができます。投稿のレイアウト、ヘッダーのスタイル、ギャラリーのサイズ、もっと読み込むボタンなどを変更することができます。
変更を保存するには、最後に「Save 」をクリックすることを忘れないでください。
その後、ステップ5に進み、InstagramギャラリーをWordPressウェブサイトに埋め込むことができます。
ステップ5: InstagramギャラリーフィードをWordPressに埋め込む
WordPressでInstagramギャラリーを作成する方法を学んだので、それをサイトに埋め込んで見せましょう。
WordPressにギャラリーを追加するには2つの方法があります：
- WordPressのページにInstagramのギャラリーを埋め込む
- WordPressのサイドバーやフッターにInstagramのギャラリーを埋め込む
WordPressページにInstagramギャラリーを埋め込む
ライブフィードエディタの助けを借りて、簡単にInstagramのギャラリーを埋め込むことができます。
そのためには、右上にある埋め込み ボタンを探してクリックする。
その後、プラグインはあなたのインスタグラムギャラリーの場所を選択するように尋ねます。
ページに追加 ボタンをクリックするだけで、WordPressのページに埋め込むことができます。
次に、ポップアップでWordPressページを選択し、Addを クリックして続行します。
そうすると、プラグインはWordPressのエディターでそのページを開きます。
ここで、小さなプラス（＋）アイコンを クリックして、新しいコンテンツブロックを追加します。
検索バーに「Instagram」と入力し、下のInstagram Feed ブロックをクリックする。
Publishを クリックして変更を保存すれば、WordPressサイトにInstagramギャラリーを正式に埋め込むことができます。
あなたのウェブサイトを開いてみてください。
それでは次に、Instagramのギャラリーを埋め込む方法をチェックしましょう。
WordPressのサイドバーまたはフッターにInstagramギャラリーを埋め込む
Instagram Feed Proでは、ギャラリーを Instagramウィジェットとしてサイドバーやフッターに埋め込むこともできます 。
まず、WordPressのダッシュボードでInstagram Feed " All Feeds メニューに行き、先ほどのInstagramギャラリーをクリックします。
ライブフィードエディターでInstagramのギャラリーが開くのが見えます。ここから、上部の埋め込み ボタンをクリックして進みます。
ポップアップで、Instagramギャラリーを表示する場所を選択できます。とりあえず、ウィジェットに追加ボタンをクリックします。
この新しいページで サイドバー パネルをクリックして、WordPressウィジェットの管理を開始します。
インスタグラムのギャラリーを埋め込みたい場合は、フッターパネルを クリックすることもできます。
このチュートリアルでは、WordPressのサイドバーを使用します。
その後、下部にあるプラスアイコン（+）をクリックして新しいウィジェットを追加します。最後に、オプションからInstagramフィードウィジェットを 選択します。
上部の更新 ボタンをクリックすると、ウェブサイトにInstagramギャラリーウィジェットが追加されます。
これで、ウェブサイトのフロントに移動すると、このようにギャラリーが表示されます：
そうだ！
このチュートリアルが、WordPressでInstagramギャラリーを作成する方法を学ぶのにお役に立てば幸いです。
あとは、素晴らしい写真でギャラリーを更新するだけです。そうすれば、オーディエンスの関心を引きつけ、新しいフォロワーを獲得し続け、最終的にあなたのブランドを成長させることができます。
美しいInstagramギャラリーを埋め込む準備はできましたか？今すぐInstagram Feed Proを始めましょう。
WordPressウェブサイトを最大限に活用する方法をお探しですか？ビジネスに最適なWordPressプラグインの究極のリストをご覧ください。
ElementorでInstagramのフィードを埋め込む方法をご紹介します。
この記事を楽しんでいただけたなら、ツイッターや フェイスブックでもっと役立つチュートリアルをご紹介しますので、お気軽にフォローしてください。
