15分で完成、InstagramとBlogをつなぐ!

おはようございます。ワードプレスでブログを書き始めて3ケ月が過ぎようとしています毎日自身のパソコン体験やスマホ体験をメモとして投稿していますが、今日はワードプレスで作成したブログ内にInstagramに投稿した写真を表示しようと挑戦した記録を載せておきます。

やはり簡単な方法が一番なので、ワードプレスのプラグインを探しました。意外と簡単に「Instagram Feed」というのが見つかりました。早速管理画面のプラグインの検索から探してインストールし有効化、設定に入りました。すべて英語でしたが、他の方のページも参考にさせてもらいすぐに完了しました。

  

「Instagram Feed」の設定の「Configure」から「Log in and get my Access Token and User ID」(濃い部分)ボタンをクリックすると、Instagram にログイン画面が出ますのでログイン後に「Authorize」をクリックします。表示された「Access Token」と「User ID」をコピーして上記画面に入力し変更を保存します。

 

次に、「Customize」から表示フィードの構成を作成し、「Number of Photos」でフィードの表示画像数変更、「Number of Columns」で、1列に画像を何枚並べるか変更します。今回は固定ページにInstagramフィードを表示させる為に「Display Your Feed」で埋め込み用のショートコードを取得します。本文欄にショートコードを入れますが、Instagram-feedを[ ]で囲って入力し保存すると反映されます。

  

ここまで来ると、あとはInstagramに写真を投稿すると自動的に追加されて来ますが最後にブログトップから固定ページにリンクを貼ります。このプラグインではテーマの種類によって様々の場所に表示することが可能ですので、今も色々試しています。
今日も一日楽しく過ごせます様に・・・