ブログ運営

【WordPressプラグイン】サイドバーにInstagramをカッコよく表示させる方法

どうも。いけすびです。

昨日ブログのサイドバーにTwitterのタイムラインを表示させたのですが、ついでにInstagramも連携させたいと思い、プラグインを使って連携させたのでご紹介します。

超簡単!WordPressのサイドバーにTwitterのタイムラインを埋め込むたった2つの手順どうも。いけすびです。 いけすびは先日Twitterを始めました。 今日はTwitterとブログを連携させて、ブログのサイド...

Instagramの連携はプラグインで!

InstagramはTwitterのようにPublish用の埋め込みコードをTwitter側で提供してくれないのでWordPressのプラグインで対応する必要があります。

 

このInstagram フィードというプラグインをインストールします。

 

インストースし、有効化すると管理画面に”Instagarm Feed”のメニューが追加されますのでクリックします。

Instagram フィードの設定手順

「Configure」のタブでInstagramのログインボタンをクリックしてユーザー情報を入力します。

 

Instagramのアカウントを要求されるので、ユーザーネームとパスワードを入力してログインボタンをクリックします。

 

連携を許可していいか聞かれるので、Authrizeボタンをクリックして許可します。

 

WordPress側にAccess TokenとUser IDが表示されるので、コピーしてAccess TokenとUser IDのテキストボックスに貼り付けます。ここ自動でやってくれればいいのに。。。

 

「Customize」タブは見た目を細かく設定変更することができます。

基本的に変更する必要はありませんが、いけすびは写真をランダム表示させるために「Sort Photos By」の項目を”Newest to Oldest”から”Random”に変更しました。このあたりはお好みで。

 

「Display Your Feed」タブにショートコードが表示されているのでコピーします。

有料のPro版だともっと凝った表示をするためのショートコードも使えるようになるそうです。

ウィジェットの作成

ショートコードを作成したらサイドバーに表示するためのウィジェットを追加し、ショートコードを埋め込みます。

 

管理画面のメニューから「外観」→「ウィジェット」をクリックします。

 

テキストのウィジェットを追加します。

追加されたテキストウィジェットに、先ほどコピーしたショートコードを貼り付けます。

タイトルは分かりやすいように”Instagram”などとしておきましょう。

 

ウィジェットの表示位置をドラッグ&ドロップで決めて完了です。

サイドバーに表示されるようになりました。

まとめ

WordPressのプラグインInstagramフィードを使ってブログのサイドバーにInstagramを連携する方法でした。

とても簡単に追加することができますので、ぜひ試してみてください。

 

最後までお読みいただきありがとうございます。