ヤマムギ

growing hard days.

*

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

   


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です。)

これをhttpsに変えて解決。

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

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

@yamamanx
開発ベンダー5年、ユーザ企業システム部門通算9年、ITトレーナー1年目のSoftware Engineerです。 質問はコメントかSNSなどからお気軽にどうぞ。 出来る限りなるべく答えます。 このブログの内容/発言の一切は個人の見解であり、所属する組織とは関係ありません。 また、勉強会やイベントのレポートは自分が気になったことをメモしたり、聞いて思ったことを書いていますので、登壇者の意見や発表内容ではありません。

 - WordPress ,

ad

ad

Message

メールアドレスが公開されることはありません。

  関連記事

Amazon LinuxのNginx+RDS MySQLにレンタルWebサーバーからWordPressを移設する(失敗、手戻りそのまま記載版)

勉強のためブログサイトを長らくお世話になったロリポップさんから、AWSに移設する …

EC2 Amazon LinuxのNginx+RDS MySQLにレンタルWebサーバーからWordPressを移設する(手順整理版)

ブログサイト(WordPress)をレンタルWebサーバーからAWSに移設する事 …

WordPressの記事を公開日時に関係なくソート順を変更する

PostMash Customを使う WordPressのプラグインでPostM …

WordPressを4.7.2にアップグレード後、ログインしないと表示出来なくなって対応

このブログをWordPress 4.7.2にあげた後、ログインしていないと規則性 …

ホームページやサイトがiPhone,iPadのホーム画面に追加された時のアイコンを設定しておく

headタグでapple-touch-iconを指定 [crayon-5a8c5 …

Amzon Linux のApacheでRedmineとWordPressをバーチャルホストで共存する

EC2とRDSを節約しようと思いまして、Redmineを動かしてるとこに検証用W …

WordPressにログインを強制して記事ごとのアクセス制限もする

WordPressを限定された組織内で使いたいとした場合に下記を実現したいと思い …

Nephila ClavataでWordPressの画像をS3から配信する

当ブログサイトはAWS EC2とRDS上でWordPressを構築しているのです …