【WordPress】フィードをMasonry表示したりできるAccessPress Instagram Feed

accesspress-instagram-feeds
AccessPress Instagram Feedはインスタグラムのフィードを表示してくれるプラグインです。ただ表示するだけではなく、タイル状、ライトボックス付き、スライダーと画像を異なるレイアウトで表示されることができます。

AccessPress Instagram Feedプラグインを導入

ダッシュボード >> プラグイン >> 新規追加 >> AccessPress Instagram Feedを検索
有効化にするとAccessPress Instagram Feedが追加され、ウィジェットにInstagram Feeds、Instagram masonryが追加されます。

Instagram Profiles

accesspress-instagram-feed_1

Instagram Username インスタグラムユーザー名
Instagram User ID インスタグラムユーザーID
Instagram Access Token インスタグラムアクセストークン

ユーザーIDとアクセストークンがわからない方は以下の方法でわかります。
accesspress-instagram-feed_2
ユーザーID下にあるURLに移ります。Instagram access token generator

GET Tokenをクリックします。

accesspress-instagram-feed_3
Authorizeをクリックします。

accesspress-instagram-feed_4
上部に表示されるUser IDとAccess TokenをInstagram Profilesにコピペします。

Display Settings

accesspress-instagram-feed_5

Image Likeの表示/非表示
Choose Instagram Themes Layoutでレイアウトを決めます。

ショートコード

Display Settingsで決めたレイアウト:[ap_instagram_feed]
ライトボックスレイアウト:[ap_instagram_mosaic_lightview]
スライダーレイアウト:[ap_instagram_slider]

PHP

<?php do_shortcode('[ap_instagram_feed]'); ?>
<?php do_shortcode('[ap_instagram_mosaic_lightview]'); ?>
<?php do_shortcode('[ap_instagram_slider]'); ?>

accesspress-instagram-feed_7
完成です。Image Likeを表示している状態です。

accesspress-instagram-feed_8
ライトボックスは上記のように出てきます。

ウィジェット

accesspress-instagram-feed_6
ウィジェットではFollow数やアップしている画像の枚数なども設定できます。

 
wordpress

【WordPress】フィードをMasonry表示したりできるAccessPress Instagram Feed

  • LATEST
  • RELATED
  • POPULAR