[Instagram/RSS]RSS.Stagramにより、Instagramの更新画像をHPに掲載する
テスト
RSS.Stagramにより、Instagramの更新画像をHPに掲載する
概要
ポータルサイトリニューアルのための技術調査、実験を時間があるときに進めています。
Instagramに投稿した写真も出来ればポータルサイトに掲載したいなあ、と思い、RSSフィードを取得できさえすれば、以前紹介した方法；[Google Feed API]サイトのRSSフィードを取得し画像付きで記事の内容を表示するで可能なわけで、調べたところ、「RSSstagram !!!」を利用することで簡単にRSSフィードが取得できるようになりました。
筆者のInstagramページとスクリーンショット
RSSstagramの使用方法
(1)RSSstagramのサイトから、Instagramにログインします。
(2)RSS.StagramがInstagramへのアクセスを許可を求めます。
(3)InstagramのRSSフィードを取得します。
適用結果
(1)デモ・・・実際に適用したデモサイト(最新5画像を表示)
Instagram RSS get demo
(2)デモサイトのスクリーンショット
(3)参考
・RSSフィードを取得し、HTML/CSSに表示する際の参考例は、[Google Feed API]サイトのRSSフィードを取得し画像付きで記事の内容を表示するをそのまま利用。
・表示テクニックとしては、以前記事にした：[jQuery]動的に生成したHTML要素に対してhoverによる動作させるための手法をそのまま使用しています。
最後に
・Instagramへの最新投稿などを、自身のホームページに表示させる事が可能になりました。
・Wordpress環境だと、Instagramの写真に対応したプラグインがあります。
テスト
