![WordPressへのインスタ埋め込み方法!おすすめプラグインものアイキャッチ画像](https://images.microcms-assets.io/assets/849933361e3447368c1f885948b087dc/76b744a2d3174aaf8b830ae2d3486919/Group%20712.png?w=1200&fm=webp)
wordpress
更新日: 2024/5/10
WordPressへのインスタ埋め込み方法!おすすめプラグインも
![character_balloon](/media/character/purple_question_left.png)
ブルーちゃん、どうすればWordPressにインスタを埋め込めるの?
プラグインを使えば簡単にできるよ。
![character_balloon](/media/character/blue_normal_right.png)
![character_balloon](/media/character/purple_sad_left.png)
そうなのね!でもプラグインの種類が多くて、どれがいいか分からないわ。
大丈夫だよ。それじゃあ、WordPressへのインスタ埋め込み方法とおすすめプラグインを紹介していくね!
![character_balloon](/media/character/blue_confidence_right.png)
![character_balloon](/media/character/purple_happy_left.png)
ブルーちゃん、お願いするわね!
目次
- 1. WordPressでインスタの埋め込みをするメリット
- 1-1. 1.ユーザーの関心をキープできる
- 1-2. 2.Instagramで得た反応をユーザーにアピールできる
- 1-3. 3.自社アカウントのフォロワー数を増やせる
- 1-4. 4.Instagramをやっていない人にも情報を届けられる
- 2. WordPressでのインスタ埋め込みにおすすめのプラグイン
- 2-1. 1.Smash Balloon Social Photo Feed
- 2-2. 2.WPZOOM Social Feed Widget & Block
- 2-3. 3.Social Feed Gallery
- 3. 【WordPressプラグインあり】インスタ埋め込み方法
- 3-1. 1.プラグインのインストールと有効化
- 3-2. 2.インスタアカウント連携の設定
- 3-3. 3.フィードの作成とカスタマイズ
- 3-4. 4.タイムラインの表示
- 4. 【WordPressプラグインなし】インスタ埋め込み方法
- 4-1. 1.基本的なインスタ埋め込み方法
- 4-2. 2.画像のみでのインスタ埋め込み方法
- 4-3. 3.サイドバーへのインスタ埋め込み方法
- 5. まとめ
WordPressでインスタの埋め込みをするメリット
そもそも、WordPressにインスタを埋め込むと何が良いのかしら?
![character_balloon](/media/character/purple_question_right.png)
![character_balloon](/media/character/blue_normal_left.png)
サイトを魅力的に見せたり、訪問者を引きつけたりできるんだ。
それは面白いわね。もっと詳しく聞きたいわ。
![character_balloon](/media/character/purple_normal_right.png)
![character_balloon](/media/character/blue_confidence_left.png)
もちろん!WordPressでインスタ埋め込みをするメリットを解説するね。
1.ユーザーの関心をキープできる
2.Instagramで得た反応をユーザーにアピールできる
3.自社アカウントのフォロワー数を増やせる
4.Instagramをやっていない人にも情報を届けられる
1.ユーザーの関心をキープできる
![character_balloon](/media/character/blue_normal_left.png)
WordPressでインスタ埋め込むとサイトが華やかで見やすくなって、訪問者が留まりやすくなるよ。
訪問者がサイトに長く留まるのってそんなに良いことなのかしら?
![character_balloon](/media/character/purple_question_right.png)
![character_balloon](/media/character/blue_up_left.png)
うん、投稿が魅力的だと訪問者は他のページも見るから、サイト全体の価値も上がるんだ。
![character_balloon](/media/character/blue_inspiration_left.png)
するとサイト全体が活性化して、リピーターも増えやすくなるよ。
ユーザーの関心をキープするにはぴったりね。
![character_balloon](/media/character/purple_happy_right.png)
2.Instagramで得た反応をユーザーにアピールできる
![character_balloon](/media/character/blue_up_left.png)
WordPressにインスタを埋め込む分かりやすいメリットは、ユーザーの関心を惹きつけてページ滞在率を長く維持できる点だよ。
![character_balloon](/media/character/blue_normal_left.png)
サイトに留まりながらインスタ投稿の写真や動画を見てもらえるんだ。
それはいいわね。滞在時間が長いとサイトの価値や信頼性も高められるけど、他にも良いことはあるのかしら?
![character_balloon](/media/character/purple_normal_right.png)
![character_balloon](/media/character/blue_confidence_left.png)
もちろん。打ち出している商品やサービスがユーザーの目に留まって、関心を集められるから相乗効果も期待できるよ!
3.自社アカウントのフォロワー数を増やせる
![character_balloon](/media/character/blue_normal_left.png)
インスタのフォロワー数や、投稿についたいいね数を表示させられる点もメリットの1つだね。
それって何か良いことあるのかしら?
![character_balloon](/media/character/purple_question_right.png)
![character_balloon](/media/character/blue_up_left.png)
もちろん、フォロワー数が多いと商品やサービス、サイトの信頼性向上にもなるんだ。
確かにいいね数が多いと、人気があるんだなって思うわ。
![character_balloon](/media/character/purple_inspiration_right.png)
![character_balloon](/media/character/blue_confidence_left.png)
そうだね、だから多くのいいねがついた投稿をサイトに埋め込むと、商品やサービスを効果的にアピールできるよ!
4.Instagramをやっていない人にも情報を届けられる
インスタの埋め込みってインスタユーザーにしか効果ないんじゃないのかしら?
![character_balloon](/media/character/purple_question_right.png)
![character_balloon](/media/character/blue_normal_left.png)
確かに、投稿の詳細を見るにはインスタを使わないといけないね。
![character_balloon](/media/character/blue_confidence_left.png)
でも、インスタを埋め込むと、インスタを使っていない人も投稿を見られるようになるよ!
それならうまく活用していきたいわ!
![character_balloon](/media/character/purple_normal_right.png)
WordPressでのインスタ埋め込みにおすすめのプラグイン
WordPressでのインスタを埋め込みにおすすめのプラグインってあるかしら?
![character_balloon](/media/character/purple_normal_right.png)
![character_balloon](/media/character/blue_normal_left.png)
「Smash Balloon Social Photo Feed」「WPZOOM Social Feed Widget & Block」「Social Feed Gallery」がおすすめかな。
![character_balloon](/media/character/blue_up_left.png)
それぞれ特徴と機能が異なるから、サイトに合わせて選ぶといいよ。
どれが良いか分からないわ。
![character_balloon](/media/character/purple_worry_right.png)
![character_balloon](/media/character/blue_happy_left.png)
大丈夫、WordPressでのインスタ埋め込みにおすすめのプラグインを一緒に見てみよう。
1.Smash Balloon Social Photo Feed
2.WPZOOM Social Feed Widget & Block
3.Social Feed Gallery
1.Smash Balloon Social Photo Feed
![character_balloon](/media/character/blue_normal_left.png)
Smash Balloon Social Photo Feedは、プログラミング不要かつショートコード1つでインスタ埋め込みができるプラグインだよ。
便利ね、有料のプラグインなのかしら?
![character_balloon](/media/character/purple_normal_right.png)
![character_balloon](/media/character/blue_up_left.png)
無料だよ。インスタのフィードをきれいに表示できるんだ。
![character_balloon](/media/character/blue_confidence_left.png)
設定方法も簡単で、レスポンシブデザインにも対応しているからWordPress初心者でも使いやすいよ。
スマホとパソコンの表示それぞれを考えなくて良いのはありがたいわ。
![character_balloon](/media/character/purple_happy_right.png)
2.WPZOOM Social Feed Widget & Block
![character_balloon](/media/character/blue_normal_left.png)
WPZOOM Social Feed Widget & Blockも、プログラミングなしでショートコードでインスタ埋め込みができるプラグインだよ。
![character_balloon](/media/character/blue_inspiration_left.png)
有料プランと無料プランがあるんだ。
どっちが良いのかしら?
![character_balloon](/media/character/purple_question_right.png)
![character_balloon](/media/character/blue_confidence_left.png)
無料プランだけでも「フィードの色・サイズ・レイアウトなどのカスタマイズ」「複数のインスタアカウントからのフィード表示」ができるから、最初は無料プランで、もっと使いたくなったら有料プランに切り替えるのもありだよ。
レスポンシブ対応はしてるのかしら?
![character_balloon](/media/character/purple_question_right.png)
![character_balloon](/media/character/blue_happy_left.png)
もちろん!スマホからもパソコンからも、適切に表示されるよ。
3.Social Feed Gallery
![character_balloon](/media/character/blue_normal_left.png)
Social Feed Galleryもプログラミングなしにインスタの埋め込みができるプラグインだよ。
![character_balloon](/media/character/blue_up_left.png)
あとね、ギャラリー表示ができるから華やかさもプラスできるんだ。
それは素敵ね。でも操作が難しいんじゃないのかしら?
![character_balloon](/media/character/purple_worry_right.png)
![character_balloon](/media/character/blue_inspiration_left.png)
そんなことないよ!インターフェースが直感的だから設定も簡単にできるよ。
![character_balloon](/media/character/blue_confidence_left.png)
こっちも無料プランと有料プランがあって、まずは無料プランを試してみて、生地アーカイブのように概要文も見せたくなったら有料プランに切り替えても良いね。
【WordPressプラグインあり】インスタ埋め込み方法
おすすめのプラグインは分かったけど、実際どうやってインスタ埋め込みするの?
![character_balloon](/media/character/purple_normal_right.png)
![character_balloon](/media/character/blue_normal_left.png)
そんなに難しくないけど、プラグインによっても若干方法が異なるかな。
![character_balloon](/media/character/blue_confidence_left.png)
だから今回は、インスタ埋め込みで人気の高い「Smash Balloon Social Photo Feed」の方法を紹介するよ。
![character_balloon](/media/character/blue_happy_left.png)
WordPressプラグインありのインスタ埋め込み方法を知りたい方はチェックしておこう!
1.プラグインのインストールと有効化
2.インスタアカウント連携の設定
3.フィードの作成とカスタマイズ
4.タイムラインの表示
1.プラグインのインストールと有効化
![character_balloon](/media/character/blue_up_left.png)
まずは、プラグインのインストールと有効化を行うよ。
具体的にどうやってやるのかしら?
![character_balloon](/media/character/purple_normal_right.png)
![character_balloon](/media/character/blue_normal_left.png)
WordPress管理画面から「プラグイン→新規追加」をクリックして、右上の検索窓から「Smash Balloon Social Photo Feed」を検索しよう。
インストールするには、「今すぐインストール」をクリックすれば良いのかしら?
![character_balloon](/media/character/purple_question_right.png)
![character_balloon](/media/character/blue_confidence_left.png)
うん。そのあとに「有効化」をクリックすると、プラグインのインストールと有効化が完了するよ。
2.インスタアカウント連携の設定
WordPressとインスタの連携って難しくないかしら?
![character_balloon](/media/character/purple_normal_right.png)
![character_balloon](/media/character/blue_normal_left.png)
そんなことないよ。次に、WordPress管理画面に追加される「Instagram Feed」をクリックして「新規追加」を選んでね。
フィード形式を選択する画面になったけど、どれを選べば良いかしら?
![character_balloon](/media/character/purple_question_right.png)
![character_balloon](/media/character/blue_up_left.png)
いろいろあるけど、無料版だと「ユーザータイムライン」だけ選べるからそれを選んで、右上の「次へ」をクリックしよう。
![character_balloon](/media/character/blue_inspiration_left.png)
「ソースを追加」をクリックして、インスタアカウントのログイン画面へと進んだら、画面に従って連携の設定ができるよ。
3.フィードの作成とカスタマイズ
WordPressとインスタアカウントの連携ができたら、次は何をすれば良いのかしら?
![character_balloon](/media/character/purple_normal_right.png)
![character_balloon](/media/character/blue_up_left.png)
その次は、フィードを作成とカスタマイズをしよう。
![character_balloon](/media/character/blue_normal_left.png)
「Instagramフィードを作成」の画面で連携したアカウントにチェックを入れて「次へ」をクリックしてね。
![character_balloon](/media/character/blue_confidence_left.png)
フィードの管理画面に移ると、画面左側の「カスタマイズ」「設定」タブから、レイアウトや配色、表示設定などを変更できるようになるんだ。
思ってた以上に簡単ね。私好みにカスタマイズしてみるわ!
![character_balloon](/media/character/purple_confidence_right.png)
4.タイムラインの表示
![character_balloon](/media/character/blue_normal_left.png)
最後は、「Instagram Feed」から「すべてのフィード」に進んで、右上の「</> 埋め込み」ボタンをクリックしてショートコードをコピーしよう。
![character_balloon](/media/character/blue_up_left.png)
コピーしたショートコードは、WordPressの投稿ページもしくは固定ページに追加するよ。
どうすればWordPressにショートコードを追加できるのかしら?
![character_balloon](/media/character/purple_question_right.png)
![character_balloon](/media/character/blue_down_left.png)
下記のどちらかの方法で追加できるよ。
1.埋め込みたい場所にショートコードブロックを挿入し、ショートコードを貼り付け
2.埋め込みたい場所にテキストモードでショートコードを貼り付け
![character_balloon](/media/character/blue_normal_left.png)
ショートコードを貼り付けたあとは、「更新」をクリックすればWordPressにインスタのタイムラインを表示させる作業は完了だね!
これなら私にもできそうだわ!
![character_balloon](/media/character/purple_happy_right.png)
【WordPressプラグインなし】インスタ埋め込み方法
ちなみに、プラグインを使わないで、WordPressにインスタを埋め込むことってできるのかしら?
![character_balloon](/media/character/purple_normal_right.png)
![character_balloon](/media/character/blue_normal_left.png)
うん、プラグインなしでもできるよ!
特別な知識や技術はなくてもできるのかしら?
![character_balloon](/media/character/purple_question_right.png)
![character_balloon](/media/character/blue_confidence_left.png)
もちろん。じゃあここではWordPressプラグインなしのインスタ埋め込み方法を説明するよ!
1.基本的なインスタ埋め込み方法
2.画像のみでのインスタ埋め込み方法
3.サイドバーへのインスタ埋め込み方法
1.基本的なインスタ埋め込み方法
![character_balloon](/media/character/blue_normal_left.png)
まずは、基本的なインスタ埋め込み方法を見てみよう。
![character_balloon](/media/character/blue_up_left.png)
インスタ埋め込みのコードはアプリでは生成できないから、必ずブラウザからインスタにアクセスしてね。
![character_balloon](/media/character/blue_down_left.png)
下記の手順で進めるとスムーズにできるよ!
1.インスタ埋め込みしたい投稿を開き、右上の「…」をクリックしてメニューを表示する
2.「埋め込み」選択後、「埋め込みコードをコピー」という青いボタンをクリックする
3.インスタ埋め込みしたいWordPressの記事ページを開く
4.「+」をクリックし、インスタ埋め込みしたい場所に「カスタムHTML」のブロックを挿入する
5.手順2でコピーしたコードを「HTMLを入力」の欄に貼り付ける
![character_balloon](/media/character/blue_normal_left.png)
簡単だから初心者にもおすすめの方法だね。
確かに、思っていたより難しくないわね。
![character_balloon](/media/character/purple_happy_right.png)
2.画像のみでのインスタ埋め込み方法
文章(キャプション)なしで画像だけ埋め込むこともできるのかしら?
![character_balloon](/media/character/purple_question_right.png)
![character_balloon](/media/character/blue_down_left.png)
もちろんできるよ!下記の手順で進めるんだけど、予めブラウザ経由でインスタを開いてね。
1.インスタ埋め込みしたい投稿を開き、右上の「…」をクリックしてメニューを表示
2.「埋め込み」選択したら「キャプションを追加」のチェックを外し、「埋め込みコードをコピー」をクリックする
3.インスタ埋め込みしたいWordPressの記事ページを開く
4.「+」をクリックし、インスタ埋め込みしたい場所に「カスタムHTML」ブロックを挿入する
5.手順2でコピーしたコードを「HTMLを入力」の欄に貼り付ける
基本の方法とは、手順2だけ少し違うのね。
![character_balloon](/media/character/purple_normal_right.png)
![character_balloon](/media/character/blue_confidence_left.png)
そうだね、画像だけシンプルに見せたい時におすすめの方法だよ。
3.サイドバーへのインスタ埋め込み方法
![character_balloon](/media/character/blue_normal_left.png)
最後は、サイドバーへのインスタ埋め込み方法を見てみよう。
サイドバーって何かしら?
![character_balloon](/media/character/purple_question_right.png)
![character_balloon](/media/character/blue_up_left.png)
パソコンから閲覧すると各ページの左右に表示されるゾーンのことだよ。
![character_balloon](/media/character/blue_inspiration_left.png)
サイト運営者のプロフィールや新着記事、記事カテゴリーなど表示できるんだ。
![character_balloon](/media/character/blue_down_left.png)
下記の手順で、3.サイドバー領域へのインスタ埋め込みができるから、ブラウザからインスタにアクセスしておこう。
1.インスタ埋め込みしたい投稿を開き、右上の「…」をクリックしてメニューを表示
2.「埋め込み」選択後、「埋め込みコードをコピー」という青いボタンをクリック
3.WordPressの「外観」内の「ウィジェット」から「テキスト」を選択
4.手順2でコピーしたコードを「テキスト」タブに貼り付けて「保存」をクリック
サイドバーにインスタ埋め込みすると何が良いのかしら?
![character_balloon](/media/character/purple_question_right.png)
![character_balloon](/media/character/blue_confidence_left.png)
写真や動画で商品やサービスなどを強調できて、サイト訪問者の興味を引きつけられるから、ぜひやってみてね。
![character_balloon](/media/character/blue_normal_left.png)
最後に、WordPressへのインスタ埋め込み方法とおすすめプラグインについてまとめるね。
まとめ
◆WordPressにインスタ埋め込みすると、サイト訪問者に商品やサービスのアピールができる。
◆WordPressにインスタ埋め込みすると、インスタを使っていない人にも情報発信できる。
◆WordPressにインスタ埋め込みする際、プラグインありでもなしでもできるけど、ある方がカスタマイズ性が高い。
![character_balloon](/media/character/blue_question_left.png)
WordPressへのインスタ埋め込みって思ってた以上に難しくないでしょ?
そうね、これから活用してインスタを使っている人にも使っていない人にも情報発信してみるわ。
![character_balloon](/media/character/purple_confidence_right.png)
ブルーちゃん、教えてくれてありがとう!
![character_balloon](/media/character/purple_smile_right.png)
![character_balloon](/media/character/blue_smile_left.png)
この記事を読んで、ぜひWordPressで作ったサイトにインスタ埋め込みに挑戦してみてね!
![character_balloon](/media/character/blue_writer.png)
ブルー
SEOやエンジニアリングマーケティングが得意。非常にめんどくさがりで、動きたくないがために自分でコードを書いて自作のMAを組んだりする。自動化のためなら努力は惜しまない。
最新の記事一覧
広報戦略とは?必要な理由や策定方法、フレームワークを解説!
広報・PR
マテハンとは?初心者向けに意味を解説!マテハン機器の種類も紹介
ビジネス
デザイン経営とは?概要やメリット、取り組み方法を徹底解説
ビジネス
ミラーリング効果とは?ビジネスで信頼を深めるための方法を紹介
ビジネス
Z世代マーケティングの手法を紹介!Z世代の名前の由来や特徴も解説
マーケティング
サンクコスト効果の例は?意味やマーケティングへの活用例も解説
ビジネス
2025年問題とは?どのような影響があるか解説【国の対策も】
ビジネス
やる気とは?努力してもできないものはできない理由を解説
ビジネス
モチベーションの上げ方を紹介!理想と現実のギャップを生かそう!
ビジネス
ノベルティとは?コツや作り方、販促品との違いについても解説!
広報・PR
リーフレットとは?作る目的や作り方、パンフレットとの違いを解説!
広報・PR
広報とは?種類や仕事内容、PRとの違いについても解説!
広報・PR
プレスリリースの書き方は?構成要素やポイント、コツを解説!
広報・PR
ブランド戦略とは?必要な理由や戦略の立て方について解説!
広報・PR
戦略PRとは?重要な理由や実施方法、注意点などについて解説!
広報・PR
広報とPRの違いは?目的や仕事内容の違い、スキルについて解説!
広報・PR
広報とIRの違いは?IRの仕事内容や注意点についても解説!
広報・PR
【初心者向け】WordPressのショートコードの使い方を解説!
wordpress
ステークホルダーとは?重要性や良好な関係を築くポイントを解説
経営・会計
フィードバックとは?意味や効果、具体的な手法を徹底解説
ビジネス
最新の記事一覧
広報戦略とは?必要な理由や策定方法、フレームワークを解説!
広報・PR
マテハンとは?初心者向けに意味を解説!マテハン機器の種類も紹介
ビジネス
デザイン経営とは?概要やメリット、取り組み方法を徹底解説
ビジネス
ミラーリング効果とは?ビジネスで信頼を深めるための方法を紹介
ビジネス
Z世代マーケティングの手法を紹介!Z世代の名前の由来や特徴も解説
マーケティング
サンクコスト効果の例は?意味やマーケティングへの活用例も解説
ビジネス
2025年問題とは?どのような影響があるか解説【国の対策も】
ビジネス
やる気とは?努力してもできないものはできない理由を解説
ビジネス
モチベーションの上げ方を紹介!理想と現実のギャップを生かそう!
ビジネス
ノベルティとは?コツや作り方、販促品との違いについても解説!
広報・PR
リーフレットとは?作る目的や作り方、パンフレットとの違いを解説!
広報・PR
広報とは?種類や仕事内容、PRとの違いについても解説!
広報・PR
プレスリリースの書き方は?構成要素やポイント、コツを解説!
広報・PR
ブランド戦略とは?必要な理由や戦略の立て方について解説!
広報・PR
戦略PRとは?重要な理由や実施方法、注意点などについて解説!
広報・PR
広報とPRの違いは?目的や仕事内容の違い、スキルについて解説!
広報・PR
広報とIRの違いは?IRの仕事内容や注意点についても解説!
広報・PR
【初心者向け】WordPressのショートコードの使い方を解説!
wordpress
ステークホルダーとは?重要性や良好な関係を築くポイントを解説
経営・会計
フィードバックとは?意味や効果、具体的な手法を徹底解説
ビジネス