WordPressで構築したサイト。
HTTPS化したらwordpressのプラグイン、”Infinite Scroll”(無限でコンテンツを適時読み込んでスクロールしてくれるシャレオツなやつ)でなんかうまくいかないっぽい。
プラグインを外すと警告無しで「保護されています」ってなるんだよなぁ。
プラグインの中でどっかHTTPS:のままのところがあるんかいな？と思ったりしてソースをかたっぱしから読むけどそんな箇所見当たらず・・・。
試行錯誤しながらもう一回基本に立ち返ろうとしてChoromeの検証モードで見ると
どうやらローディング用のgif画像がhttp://で読み込んでいる。プラグインでその辺の読み込む箇所を探すが、http://で読み込むようにはなってないっぽい。
以前の環境の何かを引きずっているのか？まぁ、phpMyAdminからなんとかするのももう面倒なので、Loading Image用gifファイルを別でアップロードしてそれを読み込むように指定。
以前の環境の何かを引きずっているのか？まぁ、phpMyAdminからなんとかするのももう面倒なので、Loading Image用gifファイルを別でアップロードしてそれを読み込むように指定。
これで混在コンテンツの警告も消えてスッキリ！
はぁ、疲れた(笑)
と、思って一安心していたら
もう一つ落とし穴が・・・。
iOS機器でローディングが出てこない時が！
8時間くらい試行錯誤して、なんとか傾向をつかんだのが、「Next Selector」のクラスの書いてあるタグの位置によって出たり出なかったりとか、記事の表示件数によっては出たり出なかったりとか、、、
いろんな要素が複合的に絡んで動きが不安定に。。。
悩みながらiPhoneいじってたらピンチアウトして拡大した時は必ず出る！というのに気づいて、それをヒントにググる！
と、https://webutubutu.com/webdesign/2091 というサイトを発見！
プラグイン内の
jquery.infinitescroll.dev.js
jquery.infinitescroll.js
の
bufferPx : 40
を
bufferPx : 500
に書き換えてOK!
プラグイン内の
jquery.infinitescroll.dev.js
jquery.infinitescroll.js
の
bufferPx : 40
を
bufferPx : 500
に書き換えてOK!
こんなのわかんねーよ(泣)
Infinite scroll導入でつまずいた点のメモ の方ありがとうございました！
ほんと、助かった・・・。
