WordPressへのインスタ埋め込み方法!おすすめプラグインものアイキャッチ画像

WordPress

更新日: 2024/11/22

【イラスト付き】WordPressへのインスタ埋め込み方法!おすすめプラグインも

character_balloon

ブルーちゃん、どうすればWordPressにインスタを埋め込めるの?

プラグインを使えば簡単にできるよ。

character_balloon
character_balloon

そうなのね!でもプラグインの種類が多くて、どれがいいか分からないわ。

大丈夫だよ。それじゃあ、WordPressへのインスタ埋め込み方法とおすすめプラグインを紹介していくね!

character_balloon
character_balloon

ブルーちゃん、お願いするわね!

WordPressでインスタの埋め込みをするメリット

そもそも、WordPressにインスタを埋め込むと何が良いのかしら?

character_balloon
character_balloon

サイトを魅力的に見せたり、ユーザーの関心を引きつけたりできるんだ。

それは面白いわね。もっと詳しく聞きたいわ。

character_balloon
character_balloon

もちろん!WordPressでインスタ埋め込みをするメリットを解説するね。

WordPressでインスタの埋め込みをするメリット

1.ユーザーの関心をキープできる


2.Instagramで得た反応をユーザーにアピールできる


3.自社アカウントのフォロワー数を増やせる


4.Instagramをやっていない人にも情報を届けられる

1.ユーザーの関心をキープできる

WordPressへのインスタ埋め込み方法!おすすめプラグインもの画像_4枚目
character_balloon

WordPressでインスタ埋め込むとサイトが華やかで見やすくなって、ユーザーがサイトに留まりやすくなるよ。

ユーザーがサイトに長く留まるのって、そんなに良いことなのかしら?

character_balloon
character_balloon

うん。投稿が魅力的だと他のページも見られるから、サイト全体の価値が上がるんだ。

character_balloon

するとサイト全体が活性化して、リピーターも増えやすくなるよ。

ユーザーの関心をキープするにはぴったりね。

character_balloon

2.Instagramで得た反応をユーザーにアピールできる

WordPressへのインスタ埋め込み方法!おすすめプラグインもの画像_6枚目
character_balloon

インスタのフォロワー数や、投稿についたいいね数を表示させられる点もメリットの1つだね。

それって何か良いことあるのかしら?

character_balloon
character_balloon

もちろん、フォロワー数が多いと商品やサービス、サイトの信頼性向上にもなるんだ。

確かにいいね数が多いと、人気があるんだなって思うわ。

character_balloon
character_balloon

そうだね。だから、多くのいいねがついた投稿をサイトに埋め込むと、商品やサービスの人気や信頼度をアピールできるよ!

3.自社アカウントのフォロワー数を増やせる

WordPressへのインスタ埋め込み方法!おすすめプラグインもの画像_8枚目
character_balloon

サイトにインスタの投稿を埋め込むと、インスタをフォローしてもらうきっかけになるんだ。

確かに!サイトを気に入って、インスタのアカウントもあるって知ったら、迷わずフオローするわ。

character_balloon
character_balloon

インスタはX(旧Twitter)ほど拡散力は高くないから、サイト経由でフォロワーが増えるのは嬉しいよね。

でも、サイトにあまり有益な情報がなかったり、デザインが自分好みじゃなかったら、インスタには飛ばないわ…。

character_balloon
character_balloon

そうだよね。インスタを埋め込んだらフォロワーが増えるとは考えずに、コンテンツの質を高めることも忘れないようにしよう!

4.Instagramをやっていない人にも情報を届けられる

WordPressへのインスタ埋め込み方法!おすすめプラグインもの画像_10枚目

インスタの埋め込みって、インスタユーザーにしか効果ないんじゃないのかしら?

character_balloon
character_balloon

確かに、投稿の詳細を見るにはインスタを使わないといけないね。

character_balloon

でも、インスタを埋め込むと、インスタを使っていない人も投稿を見られるようになるよ!

なるほど!それならうまく活用していきたいわ!

character_balloon

WordPressでのインスタ埋め込みにおすすめのプラグイン

WordPressでのインスタを埋め込みにおすすめのプラグインってあるかしら?

character_balloon
character_balloon

「Smash Balloon Social Photo Feed」「WPZOOM Social Feed Widget & Block」「Social Feed Gallery」がおすすめかな。

character_balloon

それぞれ特徴と機能が異なるから、サイトに合わせて選ぶといいよ。

どれが良いか分からないわ。

character_balloon
character_balloon

大丈夫、WordPressでのインスタ埋め込みにおすすめのプラグインを一緒に見てみよう。

WordPressでのインスタ埋め込みにおすすめのプラグイン

1.Smash Balloon Social Photo Feed


2.WPZOOM Social Feed Widget & Block


3.Social Feed Gallery

1.Smash Balloon Social Photo Feed

WordPressへのインスタ埋め込み方法!おすすめプラグインもの画像_14枚目

引用元:Smash Balloon Social Photo Feed

character_balloon

Smash Balloon Social Photo Feedは、プログラミング不要かつショートコード1つでインスタ埋め込みができるプラグインだよ。

便利ね、有料のプラグインなのかしら?

character_balloon
character_balloon

無料だよ。インスタのフィードをきれいに表示できるんだ。

character_balloon

設定方法も簡単で、レスポンシブデザインにも対応しているからWordPress初心者でも使いやすいよ。

スマホとパソコンの表示それぞれを考えなくて良いのはありがたいわ。

character_balloon

2.WPZOOM Social Feed Widget & Block

WordPressへのインスタ埋め込み方法!おすすめプラグインもの画像_16枚目

引用元:WPZOOM Social Feed Widget & Block

character_balloon

WPZOOM Social Feed Widget & Blockも、プログラミングなしでショートコードでインスタ埋め込みができるプラグインだよ。

character_balloon

有料プランと無料プランがあるんだ。

どっちが良いのかしら?

character_balloon
character_balloon

無料プランだけでも「フィードの色・サイズ・レイアウトなどのカスタマイズ」「複数のインスタアカウントからのフィード表示」ができるから、最初は無料プランで、もっと使いたくなったら有料プランに切り替えるのもありだよ。

レスポンシブ対応はしてるのかしら?

character_balloon
character_balloon

もちろん!スマホからもパソコンからも、適切に表示されるよ。

3.Social Feed Gallery

WordPressへのインスタ埋め込み方法!おすすめプラグインもの画像_18枚目

引用元:Social Feed Gallery

character_balloon

Social Feed Galleryもプログラミングなしにインスタの埋め込みができるプラグインだよ。

character_balloon

あとね、ギャラリー表示ができるから華やかさもプラスできるんだ。

それは素敵ね。でも操作が難しいんじゃないのかしら?

character_balloon
character_balloon

そんなことないよ!インターフェースが直感的だから設定も簡単にできるよ。

character_balloon

こっちも無料プランと有料プランがあって、まずは無料プランを試してみて、記事アーカイブのように概要文も見せたくなったら有料プランに切り替えても良いね。

【WordPressプラグインあり】インスタ埋め込み方法

おすすめのプラグインは分かったけど、実際どうやってインスタ埋め込みするの?

character_balloon
character_balloon

そんなに難しくないけど、プラグインによっても若干方法が異なるかな。

character_balloon

だから今回は、インスタ埋め込みで人気の高い「Smash Balloon Social Photo Feed」の方法を紹介するよ。

character_balloon

WordPressプラグインありのインスタ埋め込み方法を知りたい方はチェックしておこう!

WordPressプラグインありのインスタ埋め込み方法

1.プラグインのインストールと有効化


2.インスタアカウント連携の設定


3.フィードの作成とカスタマイズ


4.タイムラインの表示

1.プラグインのインストールと有効化

WordPressへのインスタ埋め込み方法!おすすめプラグインもの画像_22枚目
character_balloon

まずは、プラグインのインストールと有効化を行うよ。

具体的にどうやってやるのかしら?

character_balloon
character_balloon

WordPress管理画面から「プラグイン→新規追加」をクリックして、右上の検索窓から「Smash Balloon Social Photo Feed」を検索しよう。

インストールするには、「今すぐインストール」をクリックすれば良いのかしら?

character_balloon
character_balloon

うん。そのあとに「有効化」をクリックすると、プラグインのインストールと有効化が完了するよ。

2.インスタアカウント連携の設定

WordPressへのインスタ埋め込み方法!おすすめプラグインもの画像_24枚目

WordPressとインスタの連携って難しくないかしら?

character_balloon
character_balloon

そんなことないよ。次に、WordPress管理画面に追加される「Instagram Feed」をクリックして「新規追加」を選んでね。

フィード形式を選択する画面になったけど、どれを選べば良いかしら?

character_balloon
character_balloon

いろいろあるけど、無料版だと「ユーザータイムライン」だけ選べるからそれを選んで、右上の「次へ」をクリックしよう。

character_balloon

「ソースを追加」をクリックして、インスタアカウントのログイン画面へと進んだら、画面に従って連携の設定ができるよ。

3.フィードの作成とカスタマイズ

WordPressへのインスタ埋め込み方法!おすすめプラグインもの画像_26枚目

WordPressとインスタアカウントの連携ができたら、次は何をすれば良いのかしら?

character_balloon
character_balloon

その次は、フィードを作成とカスタマイズをしよう。

character_balloon

「Instagramフィードを作成」の画面で連携したアカウントにチェックを入れて「次へ」をクリックしてね。

character_balloon

フィードの管理画面に移ると、画面左側の「カスタマイズ」「設定」タブから、レイアウトや配色、表示設定などを変更できるようになるんだ。

思ってた以上に簡単ね。私好みにカスタマイズしてみるわ!

character_balloon

4.タイムラインの表示

WordPressへのインスタ埋め込み方法!おすすめプラグインもの画像_28枚目
character_balloon

最後は、カスタマイズ画面の右上にある「</> 埋め込み」ボタンをクリックして、ショートコードをコピーしよう。

character_balloon

コピーしたショートコードは、WordPressの投稿ページもしくは固定ページに追加するよ。

どうすればWordPressにショートコードを追加できるのかしら?

character_balloon
character_balloon

下記のどちらかの方法で追加できるよ。

WordPressにショートコードを追加する方法

1.埋め込みたい場所にショートコードブロックを挿入し、ショートコードを貼り付け


2.埋め込みたい場所にテキストモードでショートコードを貼り付け

character_balloon

ショートコードを貼り付けたあとは、「更新」をクリックすればWordPressにインスタのタイムラインを表示させる作業は完了だね!

これなら私にもできそうだわ!

character_balloon

【WordPressプラグインなし】インスタ埋め込み方法

ちなみに、プラグインを使わないで、WordPressにインスタを埋め込むことってできるのかしら?

character_balloon
character_balloon

うん、プラグインなしでもできるよ!

特別な知識や技術はなくてもできるのかしら?

character_balloon
character_balloon

もちろん。じゃあここではWordPressプラグインなしのインスタ埋め込み方法を説明するよ!

WordPressプラグインなしのインスタ埋め込み方法

1.画像とキャプションを埋め込む方法


2.画像だけを埋め込む方法


3.サイドバーへのインスタ埋め込み方法

1.画像とキャプションを埋め込む方法

WordPressへのインスタ埋め込み方法!おすすめプラグインもの画像_32枚目
character_balloon

まずは、基本的なインスタ埋め込み方法を見てみよう。

character_balloon

インスタ埋め込みのコードはアプリでは生成できないから、必ずブラウザからインスタにアクセスしてね。

character_balloon

下記の手順で進めるとスムーズにできるよ!

基本的なコンテンツ埋め込み方法

1.インスタ埋め込みしたい投稿を開き、右上の「…」をクリックしてメニューを表示する


2.「埋め込み」選択後、「埋め込みコードをコピー」という青いボタンをクリックする


3.インスタ埋め込みしたいWordPressの記事ページを開く


4.「+」をクリックし、インスタ埋め込みしたい場所に「カスタムHTML」のブロックを挿入する


5.手順2でコピーしたコードを「HTMLを入力」の欄に貼り付ける

character_balloon

簡単だから初心者にもおすすめの方法だね。

確かに、思っていたより難しくないわね。

character_balloon

2.画像だけを埋め込む方法

WordPressへのインスタ埋め込み方法!おすすめプラグインもの画像_34枚目

文章(キャプション)なしで、画像だけ埋め込むこともできるのかしら?

character_balloon
character_balloon

もちろんできるよ!下記の手順で進めるんだけど、予めブラウザ経由でインスタを開いてね。

画像のみでのインスタ埋め込み方法

1.インスタ埋め込みしたい投稿を開き、右上の「…」をクリックしてメニューを表示


2.「埋め込み」選択したら「キャプションを追加」のチェックを外し、「埋め込みコードをコピー」をクリックする


3.インスタ埋め込みしたいWordPressの記事ページを開く


4.「+」をクリックし、インスタ埋め込みしたい場所に「カスタムHTML」ブロックを挿入する


5.手順2でコピーしたコードを「HTMLを入力」の欄に貼り付ける

基本の方法とは、手順2だけ少し違うのね。

character_balloon
character_balloon

そうだね、画像だけシンプルに見せたい時におすすめの方法だよ。

3.サイドバーへのインスタ埋め込み方法

WordPressへのインスタ埋め込み方法!おすすめプラグインもの画像_36枚目
character_balloon

最後は、サイドバーへのインスタ埋め込み方法を見てみよう。

サイドバーって何かしら?

character_balloon
character_balloon

パソコンから閲覧すると各ページの左右に表示されるゾーンのことだよ。

character_balloon

サイト運営者のプロフィールや新着記事、記事カテゴリーなど表示できるんだ。

character_balloon

下記の手順で、サイドバー領域へのインスタ埋め込みができるから、ブラウザからインスタにアクセスしておこう。

サイドバーへのインスタ埋め込み方法

1.インスタ埋め込みしたい投稿を開き、右上の「…」をクリックしてメニューを表示


2.「埋め込み」選択後、「埋め込みコードをコピー」という青いボタンをクリック


3.WordPressの「外観」内の「ウィジェット」から「テキスト」を選択し、「サイドバー」または「サイドバースクロール追従」に追加する


4.手順2でコピーしたコードを「テキスト」タブに貼り付けて「保存」をクリック

サイドバーにインスタ埋め込みすると何が良いのかしら?

character_balloon
character_balloon

写真や動画で商品やサービスなどを強調できて、サイト訪問者の興味を引きつけられるから、ぜひやってみてね。

まとめ

character_balloon

最後に、WordPressへのインスタ埋め込み方法とおすすめプラグインについてまとめるね。

まとめ

◆WordPressにインスタ埋め込みすると、サイト訪問者に商品やサービスのアピールができる。


◆WordPressにインスタ埋め込みすると、インスタを使っていない人にも情報発信できる。


◆WordPressにインスタ埋め込みする際、プラグインありでもなしでもできるけど、ある方がカスタマイズ性が高い。

character_balloon

WordPressへのインスタ埋め込みって思ってた以上に難しくないでしょ?

そうね、これから活用してインスタを使っている人にも使っていない人にも情報発信してみるわ。

character_balloon

ブルーちゃん、教えてくれてありがとう!

character_balloon
character_balloon

この記事を読んで、ぜひWordPressで作ったサイトにインスタ埋め込みに挑戦してみてね!

最新の記事一覧
最新の記事一覧