デジモノ大好き+

デジタルグッズ自腹レポ・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-5e2cc640bdc66816090382/]
を追加。

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

こんな感じ。

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

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


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


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

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

[crayon-5e2cc640bdc6f974281633/]

こんな感じ。

まとめ

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

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

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

スポンサーリンク

-WordPress
-, , , , ,

関連記事

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

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

no image

Stinger8よく使う「h」タグを装飾してみた。 [WordPress]

ブログを書く上で、よく使うタグの一つが「h」タグではないでしょうか。 なので、カスタマイズしたくもなります。 デフォルトだとこんな感じです。 今回手を入れたのは、「h2」タグと「h3」タグ。 「h4」 …

ソネットブログからWordPressへ引っ越してみた。

ブログのコンテンツ自体は、エクスポート機能を利用すれば問題ないけど、画像の引っ越しは結構やっかい。 忘備録として残しておきます。 ブログ引っ越しの流れを確認しておきましょう。 目次 コンテンツのエクス …

Stinger8ページナビ「PREV」「NEXT」をカスタマイズしてみた。 [WordPress]

関連記事直下にある「PREV」「NEXT」を削除や非表示してるところもあるけど、サイト内リンクを削除してしまうのはもったいない。 せっかくなので、触ってもらえるようにカスタマイズしてみました。 今回手 …

no image

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

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