WordPressブログのSSL化！混在表示コンテンツの警告への対処方法

以前の記事で、「Xサーバー編」と「wpXクラウド編」として、

ブログのURLを「http://～」から「https://～」へ変更する、すなわちSSL化する方法についてご紹介しました。

UBL　Unchained Business Laboratory

ブログをhttpsにする方法！WordPressのSSL化の手順【Xサーバー編】

https://watabonslab.com/ssl-for-xserver

 先日、Googleアドセンスにアクセスしてみたら、次のような「お知らせ」が届いていました。  「http://」から始まるURLを「https://」に変更・・・つまり、SSL化して、サイトの安全性を高めましょうって言うんですね。 「あ～、ずっと前に設定しようと思って忘れてたわぁ」なんて思いながらこのお知らせを見ていたら、気になる一文に目が止まりました。 「Google検索結果におけるサイトのランクが向上します。」 おっと、これはブロガーにとっては捨て置けない話でありますよ♪ならばとっとと設定を完了...

UBL　Unchained Business Laboratory

ブログをhttpsにする方法！WordPressのSSL化の手順！【wpXクラウド編】

https://watabonslab.com/ssl_for_wpx_cloud

 前回の記事では、「Xサーバー」を利用している場合のSSL化、つまりブログのURLを「http://～」から「https://～」に変更する方法を、経験した手順に沿ってご紹介しました。   で、今回は、トレンドブログを実践している人の多くが利用しているであろう、「wpXクラウド」でのSSL化についてお話ししていこうと思いますよ♪ いや、これが実に簡単♪ 「Xサーバー」ではちょっと工数が多かったんですが、そこはさすがWordPressに特化したサーバーであります。 言ってみれば、ほぼワンタッチで終わっちゃ...

ところが、「一部のページが安全でない」として、表示にエラーが表れるケースがあることが判明しました。

なので、僕がこのブログ「UBL」について施した対処方法をお伝えしたいと思います。

ブラウザのURL表示に鍵マークがない！

「https://～」への変更が正常にできていれば、ブラウザ上部に表示されるURLの前には鍵マークが付いています。

■Firefoxの場合

■Chromeの場合

しかし、正常に変更できていない場合、「Firefox」では下図のように「安全ではない」ことを意味するマークが表示されます。

「これではSSL化した意味がない！」ってことで、対処方法を探ってみました。

エラーの原因を探り出す

まず、「安全ではない」とされる理由、エラーの原因を探り出します。

ここでは、僕が普段使いにしているブラウザ「Firefox」の場合についてお伝えします。

「Chrome」を使った方法は、下記サイトに詳しく説明されていますので、参考にしてみてください。

寝ログ

 

391 Posts

138 Shares

228 Users

753 Pockets

WordPressをhttpからhttpsにSSL化した全手順まとめ（エックスサーバー環境）

https://nelog.jp/wordpress-ssl

XSERVERで常時SSLが無料なので、WordpressサイトをHTTPS化したときに行った全ての手順をまとめてみました。

さて、まずは、ブログのトップ画面を表示させた状態で、キーボードの［F12］キーを押します。

画面下部にウィンドウが開くので、［コンソール］を選択します。

すると、下図のようにいくつかのエラーメッセージが表示されると思います。

出典：developer.mozilla.org

 

※ お借りした上図では英語表記ですが、実際には日本語で表記されています。

で、ブラウザの新しいタブを開いて、これらに書かれたURLをコピペしてみます。

すると、問題になっている画像などが表示されると思います。

僕の場合は、ブログのタイトルロゴや背景画像が問題の対象となっていました。

これらは、WordPressテーマの機能を利用して設定した画像です。

どうやら画像URLが「http://～」だった頃にアップロードしたものが、そのままの状態で残ってしまっていたのを指摘されたようです。

確認してみると、WordPressの「メディアライブラリー」に保存された対象の画像URLは、すでに自動で「https://～」に変換されていました。

なので、このブログのテーマ「ストーク」のカスタマイズ画面で、これらの画像をあらためて指定することで問題は解決されるはず・・・。

はい、ビンゴ♪

ところが、１つだけ、下記のような警告メッセージだけが残っていたんです。

原因はプラグインだった！

URLをコピペしてブラウザで確認すると、すんごく小さな、何かのポイントに使われるような画像でした。

そんなもの使った覚えがなかったんで悩みました・・・。

で、指摘されたURLにある「enhanced-categories」というのをググってみると、カテゴリーをツリー化するプラグイン『Enhanced Categories』のことだと判明！

すぐさまWordPressの「インストール済みプラグイン」をチェックすると、あったんですよ、これが。

使ってたんですね、忘れてたけど・・・。

そこで、さっそくこれを「停止」して、カテゴリー表示も修正しました。

そしてブログのトップ画面を表示させてみたら、

やったー♪　URLの横に、しっかり緑色の鍵マークが表示されるようになりました！

WordPressのファイル内のURL（画像もリンクも含めて）は、自動的に「https://～」に書き換えられるようです。

なので、エラーの原因の多くは、

■使っているテーマ独自の機能

■インストールして有効化しているプラグイン

の、いずれかにあると思われます。

緑の鍵マークが出なかったら、慌てずにじっくり原因を探ってみてくださいね♪