写真だけじゃなく、テキストまで含めてInstagramをWebサイトに埋め込んでみた。
最終更新日:2025/08/20 公開日:2025/08/19
インスタグラムで投稿した写真をWebサイトに埋め込む方法は良くあります。しかし、投稿したテキストまで表示をしているケースはあまり見かけません。ここではそのようなテキスト込みのスタイルでInstgramの埋め込み例を2パターンをご紹介します。
設定条件
今回はWordPressサイトを使っているという前提で、プラグインはWP Social Ninjaを利用して設定しました。カラムは1カラム〜6カラムまで選択可能です。ただしカラムはPCで見た場合で、スマホで見た場合は変わりません。余白も調整出来る便利なプラグインです。またWordPressで制作したサイトではなくても、Instagrarm APIを使った形で実装する事が出来ます。
その1 キャプション常時表示型
テキスト（キャプション）がデフォルトで画像の下に表示されます。
長年お取引をいただいています。、TBS系列局である長崎放送様です。年に数回お伺いさせていただいています。
弊社の間で、一部うっすらと話題になっているのは、次の長崎、大分出張に誰が行くのかということ。。。😅。私もウチワエビ、雲仙ハム食べてみたい。。
社長から福井出張が無事終わったとの連絡。ついでにソースカツ丼の写真も送られてきた。絶品だったとのこと。次は連れてってくれ、、、。
スタッフはじめての東京出張その3。日程を無事終えて焼き鳥食べる。まずは前菜のズッキーニから。社長と2人で反省会と、ただの雑談。美味かった。
スタッフはじめての東京出張、その2。お客様のビルにて。緊張してます。
スタッフはじめての東京出張で、お客様往訪。出張行きたかったとのことでかなりうれしそう(この後帰りの飛行機が急遽欠航になり、急遽延泊になる事を彼女はまだ知らない… )。
社長が出張先の福井から写真を送ってきた。ずいぶん楽しそうなんですけど。。。
社長がなんと弊社のお客様であるYKK AP様のドアを購入して自宅に設置。。スマートコントロールキーで制御。
先日社長が福井に出張に行っていました。福井は初めてとのこと。うらやましい。ついて行きたかった。。
その2 ホバー時にキャプション表示型
画像の上にマウスホバーすると、テキスト（キャプション）が表示されます。
3カラム
長年お取引をいただいています。、TBS系列局である長崎放送様です。年に数回お伺いさせていただいています。
弊社の間で、一部うっすらと話題になっているのは、次の長崎、大分出張に誰が行くのかということ。。。😅。私もウチワエビ、雲仙ハム食べてみたい。。
社長から福井出張が無事終わったとの連絡。ついでにソースカツ丼の写真も送られてきた。絶品だったとのこと。次は連れてってくれ、、、。
スタッフはじめての東京出張その3。日程を無事終えて焼き鳥食べる。まずは前菜のズッキーニから。社長と2人で反省会と、ただの雑談。美味かった。
スタッフはじめての東京出張、その2。お客様のビルにて。緊張してます。
スタッフはじめての東京出張で、お客様往訪。出張行きたかったとのことでかなりうれしそう(この後帰りの飛行機が急遽欠航になり、急遽延泊になる事を彼女はまだ知らない… )。
社長が出張先の福井から写真を送ってきた。ずいぶん楽しそうなんですけど。。。
社長がなんと弊社のお客様であるYKK AP様のドアを購入して自宅に設置。。スマートコントロールキーで制御。
先日社長が福井に出張に行っていました。福井は初めてとのこと。うらやましい。ついて行きたかった。。
4カラム
長年お取引をいただいています。、TBS系列局である長崎放送様です。年に数回お伺いさせていただいています。
弊社の間で、一部うっすらと話題になっているのは、次の長崎、大分出張に誰が行くのかということ。。。😅。私もウチワエビ、雲仙ハム食べてみたい。。
社長から福井出張が無事終わったとの連絡。ついでにソースカツ丼の写真も送られてきた。絶品だったとのこと。次は連れてってくれ、、、。
スタッフはじめての東京出張その3。日程を無事終えて焼き鳥食べる。まずは前菜のズッキーニから。社長と2人で反省会と、ただの雑談。美味かった。
スタッフはじめての東京出張、その2。お客様のビルにて。緊張してます。
スタッフはじめての東京出張で、お客様往訪。出張行きたかったとのことでかなりうれしそう(この後帰りの飛行機が急遽欠航になり、急遽延泊になる事を彼女はまだ知らない… )。
社長が出張先の福井から写真を送ってきた。ずいぶん楽しそうなんですけど。。。
社長がなんと弊社のお客様であるYKK AP様のドアを購入して自宅に設置。。スマートコントロールキーで制御。
先日社長が福井に出張に行っていました。福井は初めてとのこと。うらやましい。ついて行きたかった。。
いかがでしょう。Instagramの投稿した内容を自社サイトに埋め込む場合の参考にされてください。
＼気の利いたシステム開発会社とつきあいたいのなら／
お気軽にお問い合わせください。全力でご期待に添うよう努力いたします。
ご相談・お問い合わせする
