Instagramにアップしている画像をwebページで表示するためのプラグイン
Instagram APIの仕様変更があり、2016年6月1日より登録制が申告制になった影響で
———————————————————————————————
【注意!】2016年6月1日からInstagram APIの仕様が変わったため、既にインストールしている方は
バージョン1.4.6以上にアップデートした後、アクセストークンを取得し直す必要があります。
———————————————————————————————
とのこと。
【重要】
wordpressのテーマをカスタマイズする場合、footer.phpへ
<script src="<?php bloginfo('url'); ?>/wp-content/plugins/instagram-feed/js/sb-instagram.min.js"></script>
common.jsへAccess Tokenを記述
// instagram ----------------------------------------------
var sb_instagram_js_options = {"sb_instagram_at":"user-Access Token"};
header.phpへcssを記述
<link rel="stylesheet" href="<?php bloginfo('url'); ?>/wp-content/plugins/instagram-feed/css/sb-instagram.css">
【重要】
バージョン1.6まではwp_footer()への出力は無かったがバージョン1.8.3では以下が出力される
<script type="text/javascript">
var sbiajaxurl = "http://xxx.com/wp-admin/admin-ajax.php";
</script>
「type=”text/javascript”」が書き込まれるのでバリデーションチェックにひっかかる
※1.8.3の場合
プラグインのフォルダ内にあるinstagram-feed.php 698行目に出力の記述があるので修正する
固定ページに表示させる場合、テンプレートにループタグが必要
<div id="instagramArea" class="inner">
<?php if(have_posts()):while(have_posts()):the_post(); ?>
<div class="pc_block"><?php the_content(); ?></div>
<?php endwhile; endif; ?>
</div><!--/instagramArea-->
固定ページ編集画面のエディタ内に以下記述 ※ビジュアルエディタではなくテキストエディタを使う!
idはインスタグラムから取得
[instagram-feed id=”xxxxxxxx”]
(続きを読む…)