WordPressサイトを常時SSL化したら「jQuery is not defined」になってプラグインが動作しなくなった

2017/09/03

WordPressをAmazon CloudFrontで配信してついでにACM(AWS Certificate Manager)を使って常時SSL化するに書いてましたが、先日このサイトをAmazon CloudFrontからの配信にして、ついでに常時SSL化しました。

プラグインが動かなくなった

それ以降、いくつかのプラグインが動かなくなったなと思って。
特に、
Crayon Syntax Highlighter、
Lightbox Plus Colorbox
は見に来てくれた人に不便かけるな〜と思ってまして。

調べてみたら jQuery is not defined

で、ちゃんとしようと思って調べてみたら、CloudFrontの設定が原因じゃなくて、常時SSL化の方が主な原因でした。
Chrome Developer Toolで確認です。

ページ読み込み時に該当のプラグインから「jQuery is not defined」が出力されてます。

なので、動かない、と。

見てみたら Mixed Content

じゃあなぜjQueryが参照できてないのか。ですが。
その上に

「Mixed Content: The page at ‘https://www.yamamanx.com/’ was loaded over HTTPS, but requested an insecure script ‘http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js?ver=4.8.1’. This request has been blocked; the content must be served over HTTPS.」

と出てました。

Function.phpで修正

なので、WordPressの[外観]-[テーマの編集]で、Function.phpを確認するとこうなってました。
(テーマはStingerです。)

<?php
function register_jq_script() {
    if (!is_admin()) {
        $script_dir = get_template_directory_uri();
        wp_deregister_script( 'jquery' );
        wp_enqueue_script( 'jquery', 'http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js',array(), false, false);
    }
}
add_action('wp_enqueue_scripts','register_jq_script');

<?php

function register_jq_script() {

if (!is_admin()) {

$script_dir = get_template_directory_uri();

wp_deregister_script( 'jquery' );

wp_enqueue_script( 'jquery', 'http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js',array(), false, false);

}

add_action('wp_enqueue_scripts','register_jq_script');

これをhttpsに変えて解決。

テーマは新しいのを使った方がいい

最近のStingerでは下記のようになっていた同じ現象は起こらないですね。
なので、テーマは新しいのを使った方が良さそうです。

if ( !function_exists( 'st_register_jq_script' ) ) {
     /**
      * jQuery/スクリプトの読み込み
      */
     function st_register_jq_script() {
          wp_deregister_script( 'jquery' );

          wp_enqueue_script(
               'jquery',
               '//ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js',
               array(),
               '1.11.3',
               false
          );

          wp_register_script(
               'slick',
               get_template_directory_uri() . '/vendor/slick/slick.js',
               array( 'jquery' ),
               '1.5.9',
               true
          );

          if ( isset($GLOBALS['stdata30']) && $GLOBALS['stdata30'] === 'yes' ) {
               wp_enqueue_script( 'slick' );
          }

          if ( isset($GLOBALS['stdata64']) && $GLOBALS['stdata64'] === 'yes' ) {
               wp_enqueue_script(
                    'smoothscroll',
                    get_template_directory_uri() . '/js/smoothscroll.js',
                    array()
               );
          }


     }
}
add_action( 'wp_enqueue_scripts', 'st_register_jq_script' );