ブログ改造日記 13: IFTTTとInstagram Feedの設定

IFTTTとInstagram Feedの設定

今回の記事ではIFTTTとInstagram Feedの設定について書いてみる。それぞれを一言で説明するとIFTTTは異なるWebサービス同士を連携するために使用するサービスで、Instagram FeedはInstagramに投稿した写真や動画をWordPressで表示するためのプラグイン。IFTTTは以前からInstagramに投稿した際に、Twitterに画像付きで自動投稿するために使用していた。その設定の仕方については以前記事で紹介したので、その時に参照したリンク先を紹介しておく。(1)Instagramの写真をtwitterに反映! IFTTTをまだ知らないの?最近Cross Media ArtsをX Media Artsに改名し、TwitterやInstagramなどのアカウント名もそれに合わせたので、今回はIFTTT上でのそれぞれのアカウント名の変更の仕方を紹介する。またInstagram Feedについては、以前からサイドバーにInstagramのFeedを掲載したいと思っていたので、そのやり方について紹介する。

IFTTTでTwitterとInstagramのアカウント名を変更する方法

それでは早速、IFTTTでTwitterとInstagramのアカウント名を変更する方法について説明していく。IFTTTにアクセスし、サインインする。

IFTTT: Twitter

Twitter > Settings > Edit Connectionで変更可能。

IFTTT: Instagram

Instagram > Settings > Edit Connectionで変更可能。

それぞれ無事に変更できた場合はConnected asの部分が新しいアカウント名に変わっているはずで、View Activity Logを見ると変更の履歴が載るはず。

InstagramのFeedをサイドバーに掲載する方法

続いてInstagramのFeedをサイドバーに掲載する方法について。まずInstagram Feedをダウンロードし、Plugins > Add New > Upload Plugin > Choose Fileで先程のzipをそのままアップロードする。次にActivateを押してプラグインを有効化する。それができたらInstagram Feed > ConfigureでLog in and get my Access Token and User IDをクリックする。そしてそこで取得したUser IDの数値を入力し、Save Changesをクリックする。その後はWidgetsでTextをBlog Sidebarに追加し、以下のように記述する。

Title: Instagram
Text: Instagram Feed > Display Your Feedに書いてあったショートコード。(instagram-feedを[]で囲ったもの)

これで設定は完了。

SNS更新について

ブログ改造日記を続ける中でTwitter Cardの設定ができるようになり、InstagramについてもTwitterとWordPressの連携が可能になった。これまでSNSを活用してこなかったのは、これらの設定を後回しにしてきたからという理由が大きい。しかし今回これらの問題が解決して色々準備が整ったので、これからはTwitterとInstagramを基本的に毎日更新する予定で、NILOGなどの更新情報もTwitterで流す予定。対象によっては日本語と英語を両方使用して実験していきたいが、これらのSNSはパブリックな意識が強いので、Mastodonの方は引き続きどうでも良いプライベートな情報のみをTootしていくつもり。よろしければFollow、Share、Likeなどお願いいたします。

追記

Instagramに投稿してからTwitterに反映されるまでに時差があることがあるので、その解消方法について追記しておく。

まず以下のページにアクセスし、My Appletsから使用しているInstagramのアプレットをクリック。

IFTTT: Instagram

Check nowをクリックする。

以上で即座に反映されるはず。このプロセスを踏む場合は自動投稿のメリットは消えるが、写真とリンク付きで投稿できるという機能は魅力的なので、もし投稿しても中々反映されないと困っている場合は試してみてはいかがだろうか。

ブログ改造日記: 連載記事リンク

ブログ改造日記 1: デザインの変更と機能の追加

ブログ改造日記 2: ブログに関する問題点

ブログ改造日記 3: 自滅としてのグーグル八分

ブログ改造日記 4: 「Table of Contents Plus」の限界と自作目次の導入

ブログ改造日記 5: 「All in One SEO」から「Yoast SEO」へ

ブログ改造日記 6: Googleのインデックスに関する問題点

ブログ改造日記 7: 「Broken Link Checker」の導入と自作目次の改善

ブログ改造日記 8: 両端揃えの導入

ブログ改造日記 9: Headerの高さを調整してみた

ブログ改造日記 10: Twitter Cardの設定

ブログ改造日記 11: footnotesというプラグインで脚注を導入してみた

ブログ改造日記 12: カテゴリ整理

ブログ改造日記 13: IFTTTとInstagram Feedの設定

脚注   [ + ]