ヤマムギ

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では下記のようになっていた同じ現象は起こらないですね。
なので、テーマは新しいのを使った方が良さそうです。


最後までお読みいただきましてありがとうございました!
【PR】 「AWS認定試験対策 AWS クラウドプラクティショナー」という本を書きました。

 - WordPress ,

ad

ad

  関連記事

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

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

WordPress Popular Postsのページビューカウントが止まってたからの復旧

目次 WordPress Popular Postsのページビューカウントが止ま …

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

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

WordPressの記事のフッターに同じ内容を表示する

ブログの下部全ページに同じ内容を表示させたいときってありますよね。 イベントの案 …

WordPressの目次を自動生成(Easy Table Contents)

ホール・パート・ホール、大切ですよね。 長いブログでは、この記事に何が書かれてい …

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

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

Amazon Linux 上のWordPress PHPを5.3から7.2にバージョンアップ

このブログ、振り返ってみてみると、もう4年も続けているのかあと思いました。 1本 …

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

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

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

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

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

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