たぶんホームページ >  ととろお三籟日記  > Instagramのいちらん
«Prev || 1 || Next»

Wednesday 20 July, 2016

Websta の代わりにブログやサイトに Instagram のサムネイルを表示させる方法」のその後です。

「RSS.stagram」と「複眼RSS」を組み合わせての表示が秀逸でしたので、とても気に入っていましたが、残念ながら「RSS.stagram」がInstagram側のポリシー変更に対応できなかったようで、Instagramのポリシー変更後はエラーが出続け、サムネイルが表示されなくなりました。「RSS.stagram」で再設定をすれば使えるということが「RSS.stagram」のサイトに書かれていますが、ログインしようとするとエラーになります。これが解消される気配がまったく感じられませんので、(心から残念だと思いつつ)このサービスから別のサービスに乗り換えることにしました。

2つほどの候補を試用した結果、とりあえずは「SnapWidget」を利用することにしました。

1. サイトに登録してアカウントを作る必要があります。
2. Instagramへのログインも必要です。
3. サイトの説明は英語です。

上記3点について、特に問題がないという場合は、まあ、よろしいのではないでしょうか。サムネイルをクリックした後、そのままInstagram本体に移動できないのが大不満ではありますが、「ブログパーツとしてInstagramのサムネイルをきれいに表示させる」という目的は達成しているので、まあよいことにしておきます。

ちなみに、私のInstagramのアカウントはこちらです。
(GW以降、本業が忙しすぎて写真を撮りに行くヒマと気力がありません。暑いし… 雨降りや曇りの日ばっかりだし… 暑いし… 暑い…)


Saturday 14 May, 2016

(追記 2016.07.20)
「RSS.stagram」のエラーが解消される気配がありませんので、サービスを乗り換えました。
ブログやサイトに Instagram のサムネイルを表示させる方法(その2)



ブログやサイト上に Instagram のサムネイルを表示させるのに利用していた Websta が Instagram のポリシー変更に伴って玉突きで仕様変更するとのこと。ウィジェットにもコードを再生成するようにというメッセージが表示されるようになった。


Websta でコードを再生成しようと試みたが、1画像のサムネイルのサイズを100pxより小さくすることができなくなったらしい。(100px以上の数値を入れないと設定そのものができない? 以前は小さいサイズでも設定できた。だから利用してきたわけだけれど) そのサイズ設定ではちょっと困るので、残念だが Websta の利用はやめることにした。

代替のよいパーツがないかと検索して見つけたのが、こちらのサイトで紹介されていた「RSS.stagram」と「複眼RSS」という2つのサービスを連携させて使う形。(ご紹介ありがとうございました。)


設定してみたところ、問題なくうまく連携でき、ブログとサイトにも表示できた。

(設置例)
・ このブログの右側のメニューの下の方
写真帖のトップページ
(スマートフォンやタブレットから見るとサイズが合っていない可能性あり。気にしていないので放置しています)

WordPress を使っている人は同じようなことをプラグインでできますね。こちらはプラグインでサムネイル表示ができるので、そもそも Websta は使っておりませんでしたが、ついでにちょっとだけご紹介。

(WPプラグイン 設置例)
「小さい写真帖」の左側のメニュー部分
 (スマートフォンやタブレットで見る場合は右上に表示されているメニューボタンをタップすると左側にメニューが表示される…はず)
Instagram のログ置き場のトップページ

「Instagram のログ置き場」のアイテム内の Instagram の記事表示には IFTTT を利用して自動投稿しています。

こんな感じ


以上、後で何をどうしたか思い出せなくなった時のためのメモを兼ねて(笑)


(追記 2016.05.27)
上記のWPのプラグインの仕様が変更されたらしく、以前のままの設定ではモバイルで表示した場合のサムネイルが崩壊することを確認。

サムネイルの表示部分に

imageres=auto disablemobile=true

このコードを追加すると以前と同じように表示された。

※悩んでいる方は参考にしてみてください。


(追記 2016.07.20)
「RSS.stagram」のエラーが解消される気配がありませんので、サービスを乗り換えました。
ブログやサイトに Instagram のサムネイルを表示させる方法(その2)


«Prev || 1 || Next»