Instagramを表示できるWordPressプラグイン

App, Design, WordPress, プラグイン, 備忘録

最近思うところがあるわけではないんですが、
遅ればせながら始めてみたInstagram(インスタグラム)。

Instagram App

カテゴリ: 写真/ビデオ

価格: 無料

せっかくなのでBlogのウィジェットや記事に
写真や動画を載せたいと思い、いろいろ検索してみました。

最初はプラグインではなく、簡単にできるのはないかと
SnapWidget

WEBSTAというのを見つけて

WEBSTAを試しにやってみたんですが、
表示は問題ないんですが、リンク先が公式のInstagramではなく
WEBSTAのページフォーマット?になっちゃうんです。

そこで、WordPress用のプラグイン導入を決めました。。。

Instagram Feed(インスタグラム フィード)

上記のリンク先からダウンロードするか

プラグイン > 新規追加

から “Instagram Feed” を検索、
インストールし “有効化” してください。

インストール後、WordPressの左側のメニューに
項目ができますので開き、
赤線で囲んであるInstagramと書いてある、
青いバナーボタンをクリックすると、、、

スクリーンショット 2015-12-17 13.02.41

緑のボタン、Authorize をクリック。

スクリーンショット 2015-12-17 13.03.05

すると、Instagram Feedの管理画面に

Access Token アクセストークン
User ID ユーザーID

の数値がでますので、
下の部分にもそれぞれコピー&ペーストで入れて下さい。

スクリーンショット 2015-12-17 13.03.54

ほかに表示のカスタマイズなどは、タプから選んで下さい。

スクリーンショット 2015-12-17 13.06.02

これで設定は終わりです。

記事やウィジェットに埋め込むときは、ショートコードを使います。

■ショートコード(IDの☆部分をご自身のものに変えて下さい。)
[instagram-feed id=☆]

注)[]は半角です。

上記のショートコードを記事やウィジェット(テキストを使用)に
入れて下さい。

これだけであなたのページに
Instagramの写真や動画が表示されます。

Instagramのアカウントを持っていて、
WordPressで表示したいと思っている方はやってみてください。。。



No Comments

Leave a Reply

Allowed tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>