デジモノ大好き+

デジタルグッズ自腹レポ・Wordpress関連。+ バツ1おっさんのライフハック。

AmazonJSの画像が表示されないときの回復方法 [WordPress]

投稿日:2018年8月2日 更新日:

AmazonJSはAmazonアソシエイトのリンクを張るときに投稿画面から商品検索ができ、しかもショートコードで貼り付けてくれて、さらに格好良く表示してくれるプラグインなので、ちょーおススメなプラグインではあるのですが、昨今常時SSLが進み古いテーマを使っていると画像読み込みのローディングがずっと続いて表示されないケースがあります。

こんな感じ。

ドッグラン・ドッグカフェ情報( https://www.dogrun-dogcafe.com/ )でAmazonJSを使っていたんですが、この症状にハマりました。

実装しているテーマは、stinger5ver20150505b。
AmazonJSのバージョンは、0.8。

前から表示が安定していなかったんですが、常時SSLにしてから症状が悪化。
試行錯誤したので、対処方法まとめておきます。

amazonjs.php内のhttpをhttpsに変更


左メニュー > プラグイン > プラグイン編集


右上メニュー > amazonjs > amazonjs.php

AmazonJSの記述はamazonの常時SSL化に対応していないので、amazonjs.phpの95行目と96行目のhttpをhttpsに変更。

こんな感じ。

W3 total cacheをインストールしている場合はAmazonJSを対象外に設定

W3 total cacheがAmazonJSを圧縮すると影響しているらしいので、対象外に設定。


左メニュー > Performance > Minify

Never minify the following JS files に
[crayon-5f9abdcd3aa90022526601/]
を追加。

Never minify the following CSS files に
[crayon-5f9abdcd3aa9d994207178/]
を追加。

こんな感じ。

functions.phpにあるjqueryの記述を変更

上記2パターンでも改善できない場合は、ここ。


左メニュー > 外観 > テーマの編集


右メニュー > テーマのための関数(functions.php)

6行目にあるhttp: を https:に変更

[crayon-5f9abdcd3aaa2368590477/]

こんな感じ。

まとめ

AmazonJSのアップデートが2年前に止まっているので、SSLに対応してなかったことと、テーマ自体が古くこちらもSSLに対応していなかったことが原因でした。
特にドッグラン・ドッグカフェ情報の場合は、jqueryの呼び出しが原因だったように思います。

これで回復できない場合は、ほかのプラグインが原因の可能性もあるので、AmazonJS以外のプラグインを全部オフってひとつづつ有効化して原因のプラグインを洗い出すなどお試しください。

テーマをいじる場合は、必ずバックアップをとり、自己責任で作業してください。
また、子テーマで作業するのが望ましいです。

スポンサーリンク

-WordPress
-, , , , ,

関連記事

Stinger8のページトップボタンを目立たせてみた。 [WordPress]

主張が強すぎるのもなんですが、あまりにも目立ってないので手を加えてみました。 ↑右端にあるこれね。 (わかりずらいので、囲ってみました。) style.cssを変更 差分はこんな感じです。 [cray …

カテゴリーの表示を個性的にしてみた。 [WordPress]

カテゴリー表示はテーマそのままだとちょっと寂しいので、少し手を加えてみました。 今回手を加えたのは、style.cssとfunctions.php。 カテゴリーの親子関係の表示を調整。 style.c …

Stinger8記事下のアドセンス広告を横並びにしてみた。 [WordPress]

Stinger8デフォルトのままアドセンスの記事下広告を入れると縦に2つ並んでしまうので、横並びにしてみました。 横並びするためには まずは、サイト幅を広げないとです。 というのもデフォルトのサイズは …

no image

STINGER8の執筆者とコメントを非表示にしてみた。 [WordPress]

スパムが多いので、コメント欄を非表示にしてみた。 STINGER5は、CSSで非表示にできたんですけど、STINGER8はPHPをいじります。 single.php にある [crayon-5f9ab …

Stinger8パンくずリストをおしゃれにカスタマイズしてみた。 [WordPress]

ナビゲーション系のカスタマイズ連投になりますが、今回はパンくずリストです。 デフォルトは色が薄く目立たないので、アイコンを付けたり、hoverで色付けしたりとちょこっと目立たせています。 今回はいつも …