写真だけじゃなく、投稿テキストまで含めてInstagramをWebサイトに埋め込んでみた。
インスタグラムで投稿した写真をWebサイトに埋め込む方法は良くあります。しかし、投稿したテキストまで表示をしているケースはあまり見かけません。ここではそのようなテキスト込みのスタイルでInstgramの埋め込み例を2パターンをご紹介します。
設定条件
今回はWordPressサイトを使っているという前提で、プラグインはWP Social Ninjaを利用して設定しました。カラムは1カラム〜6カラムまで選択可能です。ただしカラムはPCで見た場合で、スマホで見た場合は変わりません。余白も調整出来る便利なプラグインです。またWordPressで制作したサイトではなくても、Instagrarm APIを使った形で実装する事が出来ます。
その1 キャプション常時表示型
テキスト(キャプション)がデフォルトで画像の下に表示されます。
【社長ブログ】新卒がお客様にプレゼン
先日、とあるエネルギー系企業の新規お客様のWebサイト・システムの開発プロジェクトのコンペ(入札)があり、東京に行ってきました
勿論ガチコンペだったのですが、そこで新卒のスタッフにも同席してもらい、1機能、1ページだけ、プレゼンをしてもらいました。時間は1分程度。
弊社では新卒については入社2年目に入った段階で、お客様の実際のプレゼンの場において、少しずつ実際にプレゼンが出来る様にしてもらう人材育成のロードマップにしています。・・・
※弊社リクルートサイトをご覧下さい。
https://www.digital-farm.com/recruitblog/22866
その2 ホバー時にキャプション表示型
画像の上にマウスホバーすると、テキスト(キャプション)が表示されます。
3カラム
【社長ブログ】新卒がお客様にプレゼン
先日、とあるエネルギー系企業の新規お客様のWebサイト・システムの開発プロジェクトのコンペ(入札)があり、東京に行ってきました
勿論ガチコンペだったのですが、そこで新卒のスタッフにも同席してもらい、1機能、1ページだけ、プレゼンをしてもらいました。時間は1分程度。
弊社では新卒については入社2年目に入った段階で、お客様の実際のプレゼンの場において、少しずつ実際にプレゼンが出来る様にしてもらう人材育成のロードマップにしています。・・・
※弊社リクルートサイトをご覧下さい。
https://www.digital-farm.com/recruitblog/22866
4カラム
【社長ブログ】新卒がお客様にプレゼン
先日、とあるエネルギー系企業の新規お客様のWebサイト・システムの開発プロジェクトのコンペ(入札)があり、東京に行ってきました
勿論ガチコンペだったのですが、そこで新卒のスタッフにも同席してもらい、1機能、1ページだけ、プレゼンをしてもらいました。時間は1分程度。
弊社では新卒については入社2年目に入った段階で、お客様の実際のプレゼンの場において、少しずつ実際にプレゼンが出来る様にしてもらう人材育成のロードマップにしています。・・・
※弊社リクルートサイトをご覧下さい。
https://www.digital-farm.com/recruitblog/22866
いかがでしょう。Instagramの投稿した内容を自社サイトに埋め込む場合の参考にされてください。
\気の利いたシステム開発会社とつきあいたいのなら/
お気軽にお問い合わせください。全力でご期待に添うよう努力いたします。
ご相談・お問い合わせする



















