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

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も、ぜひフォローしてくださいね!

%e3%82%bf%e3%82%99%e3%82%a4%e3%83%a4%e3%83%a2%e3%83%b3%e3%83%88%e3%82%99%e3%81%ae%e3%83%95%e3%83%aa%e3%83%bc%e3%82%a2%e3%82%a4%e3%82%b3%e3%83%b3-12015年に日本で最も使われたハッシュタグは「#猫」「#ねこ」だったのですと!

%e3%82%bf%e3%82%99%e3%82%a4%e3%83%a4%e3%83%a2%e3%83%b3%e3%83%88%e3%82%99%e3%81%ae%e3%83%95%e3%83%aa%e3%83%bc%e3%82%a2%e3%82%a4%e3%82%b3%e3%83%b3-1「センスある」Instagram 写真の撮り方を教えてくれる一冊。料理、雑貨、服、景色など、色んなジャンル撮り方のコツがまる分かり!

この記事が気に入ったら
いいね ! しよう

Twitter で
スポンサーリンク

ピックアップ記事

関連記事一覧

  • コメント ( 0 )

  • トラックバックは利用できません。

  1. この記事へのコメントはありません。

Copyrighted Image