wordpressでjQueryg効かない

初めまして。wordpress初心者です。
header.phpのコードが以下のものになります。

php
1<!DOCTYPE html>
2<html lang="ja">
3<head>
4    <meta charset="UTF-8">
5    <meta name="viewport" content="width=device-width, initial-scale=1.0">
6    <meta http-equiv="X-UA-Compatible" content="ie=edge">
7    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.2/css/all.css" integrity="sha384-oS3vJWv+0UjzBfQzYUhtDYW+Pj2yciDJxpsK1OYPAYjqT085Qq/1cq5FLXAZQ7Ay"crossorigin="anonymous">
8    <link rel="stylesheet" href="<?php echo get_template_directory_uri();?>/css/normalize.css">
9    <link rel="stylesheet" href="<?php echo get_template_directory_uri();?>/css/owl.carousel.min.css">
10    <link rel="stylesheet" href="<?php echo get_template_directory_uri();?>/css/home.css">
11    <title><?php bloginfo('name')?></title>
12    <?php
13    wp_deregister_script( 'jquery' );
14    wp_enqueue_script('jquery','http://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js');
15    wp_enqueue_script('index.js', get_template_directory_uri() . '/js/index.js');
16    wp_enqueue_script('owl.carousel.min.js', get_template_directory_uri() . '/js/plugin/owl.carousel.min.js');
17    wp_head();
18    ?>
19</head>
20<body >

MAMPでローカルではこのように記述したらローカル上では動きました。
サーバーにアップロードしたら
Mixed Content: The page at 'https://example.com/' was loaded over HTTPS, but requested an insecure script 'http://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js?ver=5.2.2'. This request has been blocked; the content must be served over HTTPS.

これはwordpressでもともと読み込まれているjQueryと新たに読み込んでいるjQueryが被っているというエラーでしょうか？

行動規範の内容に同意します

回答1件

ベストアンサー

これはwordpressでもともと読み込まれているjQueryと新たに読み込んでいるjQueryが被っているというエラーでしょうか？

いいえ、違います。
混合コンテンツと言ってhttpsで通信しているWeb上にhttpのコンテンツが混じっている場合に出るエラーです。
恐らくwordpressのURLはhttpsから始まるものだと思いますが、読み込んでいるjqueryはhttpですね。
wp_enqueue_script('jquery','https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js');
このようにhttpsに変えてあげる事で解消すると思います。
詳細はこちらを見てみてください。
混合コンテンツについて

投稿2019/07/06 14:52