![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を組んだりする。自動化のためなら努力は惜しまない。
最新の記事一覧
7割の人にとって味が最も重要!?エナジードリンクのアンケート調査結果をご紹介!
アンケート・調査結果
副業で5万円以上稼ぐ人は15%しかいない?副業の実態について調査しました!
アンケート・調査結果
53%の人は最後に浴衣を着てから5年以上経った?!浴衣の実態を徹底調査!
アンケート・調査結果
約82%の人が部屋着のズボンを履いてテレワークをしている!テレワークの現状を調査しました!
アンケート・調査結果
「1杯目はビール!」は約6割しかいない!?お酒についてアンケート調査しました!
アンケート・調査結果
企画書とは?目的や作り方、おすすめのテンプレートを紹介
マーケティング
取引や計算で使われるグロスとは?使用例や注意点を徹底解説!
マーケティング
「スーパーフレックス制度」とは?導入に向けて注意する点を解説!
マーケティング
ペルソナ設定とは?目的と作り方、注意点について徹底解説!
マーケティング
視聴者を魅了し続ける冠番組とは?成功している冠番組の特徴を解説
ビジネス
有名企業のペルソナマーケティング事例5選!何に活用できるか解説
マーケティング
破ると法律違反になるステマとは?過去のステマ事件や対策を紹介
マーケティング
多くの市場で危惧されるコモディティ化とは?コモディティ化対策5選
マーケティング
社会に影響を与えるマスメディアとは?影響力やリスクについて解説
マーケティング
カーボンニュートラルとは?実現のための取り組みや課題も解説
ビジネス
ネゴシエーションとは?ビジネスにおける意味と成功のポイントを解説
ビジネス
音声SNSとは?注目される理由やメリットを解説【アプリも紹介】
ディスプレイ広告
オーガニックサーチとは?広告なしで質の高い集客を実現できる!
SEO
問題解決フレームワークの活用法は?使用するメリットや注意点も解説
ビジネス
ブランドロイヤリティとは?顧客ロイヤリティとの違いを解説
広報・PR
最新の記事一覧
7割の人にとって味が最も重要!?エナジードリンクのアンケート調査結果をご紹介!
アンケート・調査結果
副業で5万円以上稼ぐ人は15%しかいない?副業の実態について調査しました!
アンケート・調査結果
53%の人は最後に浴衣を着てから5年以上経った?!浴衣の実態を徹底調査!
アンケート・調査結果
約82%の人が部屋着のズボンを履いてテレワークをしている!テレワークの現状を調査しました!
アンケート・調査結果
「1杯目はビール!」は約6割しかいない!?お酒についてアンケート調査しました!
アンケート・調査結果
企画書とは?目的や作り方、おすすめのテンプレートを紹介
マーケティング
取引や計算で使われるグロスとは?使用例や注意点を徹底解説!
マーケティング
「スーパーフレックス制度」とは?導入に向けて注意する点を解説!
マーケティング
ペルソナ設定とは?目的と作り方、注意点について徹底解説!
マーケティング
視聴者を魅了し続ける冠番組とは?成功している冠番組の特徴を解説
ビジネス
有名企業のペルソナマーケティング事例5選!何に活用できるか解説
マーケティング
破ると法律違反になるステマとは?過去のステマ事件や対策を紹介
マーケティング
多くの市場で危惧されるコモディティ化とは?コモディティ化対策5選
マーケティング
社会に影響を与えるマスメディアとは?影響力やリスクについて解説
マーケティング
カーボンニュートラルとは?実現のための取り組みや課題も解説
ビジネス
ネゴシエーションとは?ビジネスにおける意味と成功のポイントを解説
ビジネス
音声SNSとは?注目される理由やメリットを解説【アプリも紹介】
ディスプレイ広告
オーガニックサーチとは?広告なしで質の高い集客を実現できる!
SEO
問題解決フレームワークの活用法は?使用するメリットや注意点も解説
ビジネス
ブランドロイヤリティとは?顧客ロイヤリティとの違いを解説
広報・PR