写真だけじゃなく、投稿テキストまで含めてInstagramをWebサイトに埋め込んでみた。

最終更新日:2026/08/29 公開日:2025/08/19

■この記事でわかること

Instagramの写真と投稿テキストを一緒に埋め込む方法
キャプション常時表示型とホバー表示型の違い
WordPressプラグインを使ったカラム・余白の設定例

インスタグラムで投稿した写真をWebサイトに埋め込む方法は良くあります。しかし、投稿したテキストまで表示をしているケースはあまり見かけません。ここではそのようなテキスト込みのスタイルでInstgramの埋め込み例を2パターンをご紹介します。

設定条件

今回はWordPressサイトを使っているという前提で、プラグインはWP Social Ninjaを利用して設定しました。カラムは1カラム〜6カラムまで選択可能です。ただしカラムはPCで見た場合で、スマホで見た場合は変わりません。余白も調整出来る便利なプラグインです。またWordPressで制作したサイトではなくても、Instagrarm APIを使った形で実装する事が出来ます。

その1 キャプション常時表示型

テキスト（キャプション）がデフォルトで画像の下に表示されます。

@digitalfarminc

デジタルファーム（DigitalFarmInc）

先週遅めの夏休みを頂きました（by社長）

屈斜路湖を望む（誰トク？）

鮭二本釣りました。もはや絶滅危惧種？

アメマス。

完璧に風、並のない屈斜路湖。年に数日しかないです。

最高の夏休みでした！

今日と明日は28年卒向けの新卒インターンシップです！

今週商談で大阪へ出張してきました！

先週は複数のスタッフで秋葉原の超大手企業様(グループ年商合計3000億円)に定期往訪お打ち合わせ。お客様の95%が直接取引なので、上流部から企画や仕様について打ち合わせすることが弊社の強みです。またそういう強みがあるからこそ、ほとんどが直接お取引いただいています。

新規のお客様に往訪。

東京都内で行われている札幌UIターンフェアに参加中です！

「北海学園大学・北海商科大学インターンシップ合同セミナー」以下の枠に(株)デジタルファームが出展します！入社8年目の大学OBの課長がお待ちしています！ご参加下さい！生々しいｗ入社後の話しをお聞き下さい！
大学名：北海学園大学・北海商科大学
開催場所：北海学園大学　豊平キャンパス
会場：札幌市豊平区旭町４丁目１番４０号
日程：2026年5月16日(土)
時間帯：13:50～16:30