InstagramをWordPressに表示するプラグイン

2016.10.25

WordPressカスタマイズあれこれ

WordPressのカスタマイズで、ほんとによく聞かれるのがこれ！

「Instagramと連携する方法はありますか？」

これは、Instagram Feedというプラグインを使うことで解決できます。
このプラグインを使えば、Instagramに投稿した写真や動画を、WordPressのサイドバーなどに埋め込んで表示できるようになります。

使用イメージ

%e3%82%b9%e3%82%af%e3%83%aa%e3%83%bc%e3%83%b3%e3%82%b7%e3%83%a7%e3%83%83%e3%83%88-2016-10-24-22-13-20

インストール方法

WordPressダッシュボード（管理画面）＞プラグイン＞新規追加＞”Instagram Feed”で検索＞今すぐインストールもしくは有効化

%e3%82%b9%e3%82%af%e3%83%aa%e3%83%bc%e3%83%b3%e3%82%b7%e3%83%a7%e3%83%83%e3%83%88-2016-10-25-14-43-45

プラグインの使い方

Instagram Feed（管理画面の左端の行）>設定（Configure）

%e3%82%b9%e3%82%af%e3%83%aa%e3%83%bc%e3%83%b3%e3%82%b7%e3%83%a7%e3%83%83%e3%83%88-2016-10-25-15-02-18

設定画面で、青色のボタン“Log in and get my Access Token and User ID”をクリックして、Instagramの Access Token （アクセストークン）と User ID （ユーザーID）を取得する。取得できたら、②と③の箇所にそれぞれコピペして、設定を保存する。

instagramfeed%e7%94%bb%e9%9d%a2%e3%82%ad%e3%83%a3%e3%83%95%e3%82%9a%e3%83%81%e3%83%a3001

プラグイン動作を許可する＞authorize

ショートコードを取得する

設定（Configure）画面の、3.Display Your Feed内のショートコード（id）をコピーする。Instagramを貼付けたいところ（投稿、固定ページの本文もしくは、サイドバーウィジェット）に、ペーストする。

%e3%82%b7%e3%83%a7%e3%83%bc%e3%83%88%e3%82%b3%e3%83%bc%e3%83%88%e3%82%99

例：サイドバーに埋め込んで表示させる方法

外観＞ウィジェット

%e3%82%b9%e3%82%af%e3%83%aa%e3%83%bc%e3%83%b3%e3%82%b7%e3%83%a7%e3%83%83%e3%83%88-2016-10-25-14-47-17

左側の「利用できるウィジェット」から、「テキスト」を見つけて、サイドバーにドラッグ＆ドロップ。タイトルを入力、そして内容のところに、さきほどショートコード（id）をペーストすれば完了。

%e3%82%a6%e3%82%a3%e3%82%b7%e3%82%99%e3%82%a7%e3%83%83%e3%83%88

まとめ

いかがでしたか？WordPressをこれからお使いになる方には少し難しい内容ですが、インスタとの連携は今や必須です！

Instagram Feedは、スマートフォン向けの写真＆動画共有アプリのインスタグラムに投稿した写真や動画をWordPressの記事やサイドバーなどに表示できるプラグイン。ここまで、作業時間にして、およそ10分ぐらい。Instagram に写真を投稿している方は、ぜひWordPressにもギャラリーを表示してみませんか？

西谷慶子のInstagramも、ぜひフォローしてくださいね！

2015年に日本で最も使われたハッシュタグは「#猫」「#ねこ」だったのですと！