制作したwebページが表示されない

前提

HTML5で自社ホームページを作成中です。
Free CSSというサイトからベースとなるファイルをDLし、編集し公開しようと思っております。
選んだデザインは下記です。
https://www.free-css.com/free-css-templates/page198/istria-1

実現したいこと

問題なく表示されるように公開をしたい。

発生している問題・エラーメッセージ

実際にサーバにアップロードすると、ソースコードは確認できるが通常通り表示されない。

<body>に設定したカラーが表示されるのみ。

WEBブラウザで確認したエラーログは下記です。

Mixed Content: The page at 'https://ドメイン/test/' was loaded over HTTPS, but requested an insecure script 'http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js'. This request has been blocked; the content must be served over HTTPS.
jquery.matchHeight-min.js:11 Uncaught ReferenceError: jQuery is not defined
at jquery.matchHeight-min.js:11:366
(anonymous) @ jquery.matchHeight-min.js:11
animsition.min.js:8 Uncaught ReferenceError: jQuery is not defined
at animsition.min.js:8:149
at animsition.min.js:8:157
(anonymous) @ animsition.min.js:8
(anonymous) @ animsition.min.js:8
ドメイン/:1 Mixed Content: The page at 'https://ドメイン/test/' was loaded over HTTPS, but requested an insecure script 'http://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.3/jquery.easing.min.js'. This request has been blocked; the content must be served over HTTPS.
jquery.parallax-scroll.js:1 Uncaught ReferenceError: $ is not defined
at jquery.parallax-scroll.js:1:1
(anonymous) @ jquery.parallax-scroll.js:1
owl.carousel.min.js:47 Uncaught ReferenceError: jQuery is not defined
at owl.carousel.min.js:47:415
(anonymous) @ owl.carousel.min.js:47
jquery.cbpQTRotator.min.js:11 Uncaught ReferenceError: jQuery is not defined
at jquery.cbpQTRotator.min.js:11:2229
(anonymous) @ jquery.cbpQTRotator.min.js:11
(index):237 Uncaught ReferenceError: $ is not defined
at (index):237:5
(anonymous) @ (index):237
(index):251 Uncaught ReferenceError: $ is not defined
at (index):251:2
(anonymous) @ (index):251
functions.js:11 Uncaught ReferenceError: $ is not defined
at functions.js:11:1

試したこと

Modernizrの機能を使用したことがなかったため、ここの箇所に問題があるのかと思い最新のファイルに更新したり、Modernizrの機能を削除しましたが状況は変わりませんでした。

キャッシュのクリア、各種ブラウザで表示を試みましたが状況は変わらずでした。

<script src="https://cdnjs.cloudflare.com/ajax/libs/modernizr/2.8.3/modernizr.min.js"></script>

補足情報（FW/ツールのバージョンなど）

最終的に自分で編集したものに何か問題があるのかと思い、未編集のまま一度サーバへアップロードしたところ、そもそもの段階でサーバへアップロードしても表示がされませんでした。

ローカルでは問題なく表示できていたので、いざサーバへアップロードしたところ表示されなかったので困っております。
このテンプレートの使用を諦めればよいのですが、一度社内でこのテンプレートを使用すると決定になったため、どうにかして表示できるよう解決したいです。
ご教示お願いいたします。

y_waiwai

2023/01/25 03:52

通常通り表示されない、とは、どういうふうに表示されるんでしょうか

AbeTakashi

2023/01/25 03:53

WEBブラウザのコンソールに何かログが出ていないか？サーバのエラーログに何か出ていないか？などを最初に確認すべきかと思います。その内容を見ても原因が分からない場合は、質問文にその内容を追記してください。現状の質問内容だけだと第三者には雲をつかむような話で、何が起きてるか分からないです。

kyozo

2023/01/25 03:55

<body>に設定したカラーが表示されるのみです。設定した画像やテキストが表示されない状況です。 choromeの検証機能やソースコード表示では確認できます。

kyozo

2023/01/25 04:00

AbeTakashiさんご指摘ありがとうございます。すみません、エラーの確認をしておりませんでした。めちゃくちゃエラーでておりました...！ Mixed Content: The page at 'https://ドメイン/test/' was loaded over HTTPS, but requested an insecure script 'http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js'. This request has been blocked; the content must be served over HTTPS. jquery.matchHeight-min.js:11 Uncaught ReferenceError: jQuery is not defined at jquery.matchHeight-min.js:11:366 (anonymous) @ jquery.matchHeight-min.js:11 animsition.min.js:8 Uncaught ReferenceError: jQuery is not defined at animsition.min.js:8:149 at animsition.min.js:8:157 (anonymous) @ animsition.min.js:8 (anonymous) @ animsition.min.js:8 ドメイン/:1 Mixed Content: The page at 'https://ドメイン/test/' was loaded over HTTPS, but requested an insecure script 'http://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.3/jquery.easing.min.js'. This request has been blocked; the content must be served over HTTPS. jquery.parallax-scroll.js:1 Uncaught ReferenceError: $ is not defined at jquery.parallax-scroll.js:1:1 (anonymous) @ jquery.parallax-scroll.js:1 owl.carousel.min.js:47 Uncaught ReferenceError: jQuery is not defined at owl.carousel.min.js:47:415 (anonymous) @ owl.carousel.min.js:47 jquery.cbpQTRotator.min.js:11 Uncaught ReferenceError: jQuery is not defined at jquery.cbpQTRotator.min.js:11:2229 (anonymous) @ jquery.cbpQTRotator.min.js:11 (index):237 Uncaught ReferenceError: $ is not defined at (index):237:5 (anonymous) @ (index):237 (index):251 Uncaught ReferenceError: $ is not defined at (index):251:2 (anonymous) @ (index):251 functions.js:11 Uncaught ReferenceError: $ is not defined at functions.js:11:1

AbeTakashi

2023/01/25 04:08

↑ は質問文に追記してください（ここは見ない人がいるので）。ですが、原因は明白ですね。「This request has been blocked; the content must be served over HTTPS.」ですので、まずはそちらを対応されるべきかと思います。

kyozo

2023/01/25 04:11

質問文の方に追記します！度々すみません。ご教示いただきありがとうございます。原因のご指摘もありがとうございます。

AbeTakashi

2023/01/25 04:17

素直にhttps化するか、jsをCDNからとってくるのをやめて同じサーバ内に置くかすれば直りそうな気はしますね。うまく解決したら自己解決としていただくといいかと思います。

kyozo

2023/01/25 04:38

解決しました！ httpsで経由したアドレスに修正したらあっさり表示されました...！！！！ご丁寧にご教示いただき本当にありがとうございます＞＜助かりました。エラー表示の知識が不足していたためすぐに特定できませんでしたが、Abeさんのおかげで解決することができました。本当にありがとうございます。