S-wander

広告代理店SEが考える成果を出すためのウェブ制作メモ

Instagramの写真をRSSでギャラリー表示する方法

      2016/06/12

最近巷で流行っているInstagram。
Instagramって何?っていうのは、こちら↓で紹介されてます。
写真版ツイッター!インスタグラムをはじめよう!

普通はInstagramに投稿された写真はInstagramにアクセスするか、スマホアプリを起動しないと見れないけど、
こいつをRSSで自分のブログに表示して、フォトギャラリーのようにしちゃおう、ってワザを見つけた。

やり方は簡単!

  1. RSS.stagramでRSSフィードURLを取得。
  2. 複眼RSSで貼り付けコードを取得。
  3. 自分のブログへコードを貼り付けて完成!

こちら↓のサイトで詳しく説明されてます。
Instagramの写真フィードを自動生成してくれるサービス「RSS.stagram」

仕上がりはこんな感じ↓
これでInstagramで写真を投稿するだけで、ブログの写真も更新されて簡単にフォトギャラリーができちゃいます!

しかし、これだと自分の投稿した写真しか表示できない。
せっかくInstagramにはハッシュタグで自分の興味のある写真だけを選んで探せるのに、これだけではもったいない。

そこで特定のハッシュタグがつけられた写真だけを表示する方法もそのうち紹介します。

この記事は良かったですか?

 - WEB ,

  関連記事

ショートコードが表示される
記事を抜粋表示したらショートコードまで表示されてしまった [WordPress]

[gallery ids=”10001″&#0 …

真っ白な画面
エラーメッセージ Warning: “continue” targeting switch is equivalent to “break”. が出てWordPress管理画面にログインできない

ある日突然、Wordpressで構築したサイト上に以下のエラーメッセージが表示さ …

Basic認証をURL化して、スマホでのパスワード入力を省略する方法

WEB制作をしていると、最近はパソコンだけでなくスマホでも確認しなくてはならない …

画像にbnrやbannerといったクラスやファイル名を付けるのは注意

ホームページを作るときにバナー設置スペースや、バナー画像に対してよくクラス名もし …

WEB制作にもつかえるバージョン管理ツール

バージョン管理のすすめ バージョン管理とは、コンピュータ上で作成、編集されるファ …

no image
ハッシュタグを指定してInstagramの写真をブログに表示する。

WordPressサイトのRSSを自分のブログへ表示する方法を応用して、 特定の …

シェル
シェルとCronを使って簡単自動バックアップ

万が一の時のことを考えてサイトのバックアップは定期的に取らなくてはならないですよ …

WEBデザイナーを目指す人に知ってもらいたい WEBデザインの5W1H

これからWEBデザイナーを目指したい、またはWEBデザインを勉強中の人たちに向け …

no image
WordPressサイトのRSSを自分のブログへ表示する方法

RSSを表示したい箇所に以下のコードを挿入。 <?php $RSSpath …

SourceTreeとBitbucketを使ってWordPressテーマをバージョン管理

できるコーダーはバージョン管理をしよう WordPressでサイトを制作するとき …