【wordpress】<script src="http://www.sample.com/〜">をhttpsに直したい

Question

#前提
wordpress上の問題なのであまり関係ないと思ったのですが、サーバーはAWSのlightsailです。
やはり少し特殊ですかね、、。
#Chromeからの警告
ssl化したところ、Chrome上で「安全でないコンテンツがブロックされました」と表示されました。
調べたところ、ソースコードのどこかにhttpが混ざっているとのことです。
自分のサイトのホームにて検証を行い、【http://】で検索したところ、<script src="http://www.sample.com/〜">の一点が検出されました。
#エラーについて
Chromeのエラーはすべてのページですね。。。

テーマはjstorkなのですが、

<script src="http://www.sample.com/wp-includes/js/imagesloaded.min.js+wp-embed.min.js.pagespeed.〜.js"></script>

みたいな感じです、、。

先程お伝えした【httpとhttpsの混在】というエラーの他に、

Uncaught ReferenceError: mod_pagespeed_〜〜〜 is not defined
index:〜
のようなエラーが２つ有りました。
このエラーはmod_pagespeed_〜〜〜の部分は固定ですが、その後のindex:〜の部分はページごとに変わっています。

見かけ上3つエラーがあるのですが、http→httpsの書き換えをすれば全部治るかもしれません。

公式デモサイト【https://demo-stork.open-cage.com/】では、

<script type="text/javascript" src="https://demo-stork.open-cage.com/wp-includes/js/imagesloaded.min.js&quot;&gt;&lt;/script&gt; このように、ここの部分はきちんとhttpsで表記されているので、自分のサイトはここを書き直せば治ると思います。 #wordpressです！ このソースコードの修正をしたいので、場所を教えてください！ 初心者です！よろしくお願い致します。 また不備があるようでしたら指摘をお願い致します。

Comments

[marlboro_tata]

http:// が検出されているスクリプトは、具体的にはなんのスクリプトでしょうか？ファイル名に当たる部分を追記すると、解決のヒントになるかもしれません。

[_fao]

追記しました！

[marlboro_tata]

テーマのfunctions.php ファイルに（もしくはfooter.php）　wp_enqueue_script('imagesloaded'); とか、書かれてませんか？なんとなーくですが、 wp_enqueue_script() というWPタグ経由で呼び出されたような書き方に見えました。テーマファイルの中を「wp_enqueue_script」で全検索したら見つかるかもしれません。

[CHERRY]

> Uncaught ReferenceError: mod_pagespeed_〜〜〜 is not defined index:〜

ちょっと気になったのですが、お使いのサーバは、mod_pagespeed ( https://developers.google.com/speed/pagespeed/module/?hl=JA ) を使われているサーバーなのでしょうか？

たとえば、旧タイプの Xserver ( https://www.xserver.ne.jp/manual/man_server_mod_pagespeed.php ) 等が mod_pagespeed に対応していたのですが...

[marlboro_tata]

あと、考えられるのは、独自に何かプラグインを追加されておりますでしょうか？可能なら一度プラグインを全部切ったらこの状況が改善しませんか？
質問で「エラー」と書かれているのは、Chromeのデベロッパーツールでのエラーですかね。
WPのデバッグの方ではエラーは出ていませんか？

[_fao]

補足と回答です！
1. サーバーはAWSのlightsailです。
2. プラグインはすべて停止中です。

funvtions.phpにて、
wp_enqueue_script('imagesloaded');
が書かれていました！

また、サーバーの方で、ApacheでPageSpeedはオンになっています。

Answer 1

www.sample.com
はCloudfrontを通して構築してあるので、少し複雑でした。

https://teratail.com/questions/189221

Answer 2

とりあえず、他の回答に指摘がないので...

最近の子テーマに対応したテーマの場合、functions.php で、wp_register_script wp_enqueue_script で、JavaScript のファイルを読み込みの指定をしている可能性もあります。(header.php / footer.php で見つからないということなので、可能性は高いと思います。)

functions.php (functions-*.php 等別ファイルを読み込んでいる可能性もあり)で

• JavaScript のファイル名を検索してみる。
• wp_register_script wp_enqueue_script を検索してみる

で、http:// で始まる URL が記載されていたりしないでしょうか？

---

• 関数リファレンス/wp_register_script
• 関数リファレンス/wp_enqueue_script

Comments

[_fao]

wp_register_script
wp_enqueue_script
この２つ、両方とも記載ありました！

本当初心者で申し訳ないんですけど、このjavaスクリプトはどこにありますか？

よろしくお願い致します。

[CHERRY]

どのような記載されているかによるのですが...

wp_register_script や wp_enqueue_script のパラメータは、 http:// で始まっていますか？
それとも get_stylesheet_directory_uri() のような WordPress の関数で始まっていますか？

[_fao]

functionnphp内にはそもそも【http】という文字での検索結果が3つしかなく、

wp_register_script や wp_enqueue_script のパラメータの上部に、
$ieua = $_SERVER['HTTP_USER_AGENT'];
が書かれています。

他には全然関係ない下の方に
$pattern = '/'.implode('|', $useragents).'/i';
return preg_match($pattern, $_SERVER['HTTP_USER_AGENT']);
があります。

もう一個あるのですが、それは「テーマのアップデートのときに参照するURLを指定してあるやつ」なので関係ないかと思うので割愛します。

Answer 3

scriptタグですと、読み込むのはjsファイルなどでしょうか？
テーマ構造にもよりますが、jsファイルでしたらheader.phpかfooter.phpに記述することが多いので、コード内をファイル名で検索してみてもよさそうです。

また、具体的にどのscriptを読み込むのか、またはchromeのディペロッパーで確認できるエラー内容をご教示いただければ、もう少し明確にお答えできるかもしれません…。

Comments

[_fao]

テーマはjstorkなのですが、

<script src="http://www.sample.com/wp-includes/js/imagesloaded.min.js+wp-embed.min.js.pagespeed.〜.js"></script>

みたいな感じです、、。

[otamunote]

詳細ありがとうございます。
私がこちらのテーマを使用したことがないので、確認させてください。

エラーの発生ページについてですが、全てのページで発生しますか？
それとも特定のページでしょうか？

また、テーマのデモサイトを確認しました。
デモにはfooterに
<script type='text/javascript' src='https://demo-stork.open-cage.com/wp-includes/js/imagesloaded.min.js'></script>
の記述があるのですが、こちらとは別のなのかmushi_fao様でお分かりになりますでしょうか？

[otamunote]

重ねて申し訳ありません。
パスの最後の個所、変換されてしまいましたね…。
こちらの部分は閉じタグになります。

[_fao]

Chromeのエラーはすべてのページですね。。。
先程お伝えした【httpとhttpsの混在】というエラーの他に、

Uncaught ReferenceError: mod_pagespeed_〜〜〜 is not defined
index:〜
のようなエラーが２つ有りました。

このエラーはmod_pagespeed_〜〜〜の部分は固定ですが、その後のindex:〜の部分はページごとに変わっています。

見かけ上3つエラーがあるのですが、http→httpsの書き換えをすれば全部治るかもしれません。

デモサイト【https://demo-stork.open-cage.com/】では、
<script type="text/javascript" src="https://demo-stork.open-cage.com/wp-includes/js/imagesloaded.min.js"></script>
このようにきちんとhttpsで表記されているので、自分のサイトはここを書き直せば治ると思います。
場所がわかりませんが。。。

[otamunote]

詳細ありがとうございます。
他のエラーに関してはファイルが上手く読み込めないエラーだと思うのですが、「http」のエラーが出ているのでしたら先にこちらを修正して様子見た方がよさそうですね。

デモでは</body>直前にjsファイルを読み込んでいるので、この周辺にコードの記述がないか、念のため確認してはいかがでしょうか？
場所的にfooter.phpだと考えられるので、footer.phpを開き「http://」で検索してみてください。

footer.phpになければ、念のため再度header.phpとindex.php内「http://」で検索してみます。

3つのファイル内になければ、外部ファイルを読み込んでないかheader.php/index.php/footer.phpのコードを確認してみてください。
もしコアな部分だった際、ファイルを分割して管理されている可能性も考えられます。

すごく地道な作業ですが、既存のテーマの場合「自分以外が制作したテーマ」なので、テーマ解析をしながら進めていくしかありません。

Answer 4

FTPソフトで
WPのディレクトリ名/wp-content/themes/お使いのテーマ名/index.phpかheader.phpをダウンロードして編集してアップロードして上書きしてください。
webFTPでも可能です。
FTPソフトはFilezillaやFFFTPあたりでしょうか

Comments

[_fao]

<script src="http://www.sample.com/〜">
この記述がどちらにも見つからないのですが、、、。

よろしくお願い致します。

[退会済みユーザー]

テーマ名を教えてください

[退会済みユーザー]

あと解決策かはわかりませんがプラグインを使うのも手かと
やり方 : https://nelog.jp/wordpress-ssl
プラグイン : https://ja.wordpress.org/plugins/search-regex/

[_fao]

テーマはjstorkなのですが、

<script src="http://www.sample.com/wp-includes/js/imagesloaded.min.js+wp-embed.min.js.pagespeed.〜.js"></script>

みたいな感じです、、。

[退会済みユーザー]

気になったんですが本当に「jstork」という名前のテーマですか？「STORK」では？「jstore」では？