【WordPress】ウィジェットにもフィードを表示できる。Instagram Feed WD

Instagram Feed WD
Instagram Feed WDはインスタグラムのフィードを表示してくれるプラグイン。
画像ソート、順序(昇順/降順)指定、ライトボックスやフォローボタンなどの機能もあり、レスポンシブにも対応しています。プロ版ではMasonryレイアウトなども使用できるようです。

Instagram Feed WDプラグイン導入

ダッシュボード >> プラグイン >> 新規追加 >> Instagram Feed WDを検索
有効化にするとInstagram Feed WDが追加されます。

Settings

instagram_feed_wd_1
Sing in with Instagramをクリックすると以下の画面に移ります。

instagram_feed_wd_2

Authorizeをクリックすると自動的にAccess Token、Usernameが入力されます。

Feeds

instagram_feed_wd_5

Feed Name フィード名
Featured Image おすすめ画像
Feed Display Type フィードディスプレイタイプ
Sort Images By 画像並べ替え
Order By 並び順
Follow on Instagram Button Instagramのフォローボタン
Display Header ヘッダー表示
Number of Photos to Display 表示する写真の数
Number of Photos to Load 負荷への写真の数
Number of Columns 列数
Show User Data 表示ユーザーデータ
Display User Bio 表示ユーザーバイオ
Display User Posts and Followers count 表示ユーザー投稿とフォロワー数
Disable Mobile Layout モバイルレイアウトを無効にします
Image Onclick 画像クリック

instagram_feed_wd_6

Full width lightbox 全幅ライトボックス
Lightbox Width ライトボックスの幅
Lightbox Height ライトボックスの高さ
Lightbox Effect ライトボックス効果
Lightbox autoplay ライトボックス自動再生
Show Next / Previous Buttons 前/次のボタンを表示します
Enable Loop ループを有効にします
Enable Right Click Protection 右クリックして保護を有効にします
Enable control buttons コントロールボタンを有効にします
Enable fullscreen フルスクリーンを有効にします
Link To Instagram Button Instagramのボタンへのリンク
Enable Download Button [ダウンロード]ボタンを有効にします

instagram_feed_wd_7
設定が終わるとショートコード、PHPが表示されます。

編集画面

instagram_feed_wd_8
投稿、固定ページに上記画像のようにAdd Instagram Feedボタンが追加されます。

instagram_feed_wd_9

ボタンをクリックでFeedを選択するとショートコードが入ります。

instagram_feed_wd_10

instagram_feed_wd_11
幅を狭めてみました。

ウィジェット

instagram_feed_wd_3
Instagram WD Widgetが追加されます。
instagram_feed_wd_4
表示させたいウィジェットエリアに移動させ、Feed、Number of columns、How many images to showを設定します。

instagram_feed_wd_12
完成はこのような形になりました。

 
wordpress

【WordPress】ウィジェットにもフィードを表示できる。Instagram Feed WD

  • LATEST
  • RELATED
  • POPULAR