wordpressでInstagramを利用する

4月 07, 2016
BESTグループ

wordpressはbusiness的な側面が要素が強いので、Instagramに関して連携する記事はあまり見かけないのですが
今回はInstagramのフィードを取得してサイト上にそれを表示する方法を紹介したいと思います。

まず指定のプラグインのインストールからはじめましょう。
https://wordpress.org/plugins/instagram-feed/
尚、上記プラグインはダッシュっボード上からもインストール出来ます。

01

本体の機能としては
1写真や動画を記事やサイドバーに表示
2ショートコードを利用し、複数の指定したユーザーの表示

上記となっています。

早速プラグインをインストールしましょう。
インストール後はサイドバーにInstagram feedの項目が追加されるのでそちらに移動。

02

画面上でトークンを取得してくださいとあるので、青いボタンを押した後に
InstagramのID、PASSを入力、自動的に画面上にトークンが表示されるので
そのトークンを下部のAccess Tokenへ入力。

Show Phots Fromの欄は指定されたユーザーIDを入力することで
ショートコード入力時に自動的にそのユーザーの写真が表示されるようになります。

尚、自分以外のユーザーのIDを調べる場合は下記サイトからになります。
http://www.otzberg.net/iguserid/

03
今回は海外の人気アーティストテイラースイフトのIDを取得します。

取得したIDを先程の欄に記載します。

設定を保存した後はウィジェットの項目に移りましょう。

04

上記のようにショートコードを利用するのですが、応用として

[instagram-feed] [instagram-feed id="ANOTHER_USER_ID"] [instagram-feed id="ANOTHER_USER_ID, YET_ANOTHER_USER_ID" num=4 cols=4 showfollow=false]

上記のような方法もあります。
一番上以外は指定ID以外のフィードを表示します。

尚、表示結果は以下のようになります。
※外観はカスタマイズ出来ますが、こちらの記事ではその方法は割合します。

05

是非、みなさんもInstagram feedを試してみてください。

No comments

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

次のHTML タグと属性が使えます: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>