Casual Developers Notes

初級・中級のエンジニアやデザイナー向けに技術情報と英語学習情報を提供中。エンジニアもデザイナーも技術と英語を身に着けて海外に飛び立とう！

You are here: Home / ライフハック / XserverとWordPressのSSL設定と保護された通信にならない場合の対処法

By Leave a Comment

XserverとWordPressのSSL設定と保護された通信にならない場合の対処法

XserverとWordPressのSSL設定と保護された通信にならない場合の対処法

Google主導のもと、SSLじゃないサイトは排除される流れになっています。SSLはセキュリティ強化なので、ユーザのことを考えれば当然の流れとも言えます。今回はXserverにWordPressを構築されている場合のSSL化の方法を紹介します。

XserverとWordPressでSSLを設定する

そもそもXserver (Xdomain) を選んだ人はすでにSSL化を見込んでいますよね？なぜならXserver (Xdomain) ではSSL化が無料だからです。個人のブログにおいては十分で、SSL証明書を購入する必要はありません。

Xserverの設定

まず、ServerPanelにログインし、以下の「ドメイン -> SSL設定」を選択します。

スクリーンショット 2017 12 24 17 40 18

後はSSL化したいドメインを選択して、SSLを有効化すれば完了です。簡単ですね。

WordPressの設定

WordPressの「設定 -> 一般」から、以下のURLを「http -> https」に変更します。

  • WordPress アドレス (URL) : https://yoursite.com
  • サイトアドレス (URL) : https://yoursite.com

スクリーンショット 2017 12 23 14 31 55

ここまででSSLの設定は完了です。

なぜか「保護された通信」にならない場合の対処法

今までの手順でSSH化は完了し、URLは「http -> https」に変化している思います。しかし、今までに記事をある程度書いている場合は、以下のように「保護された通信」にならない場合があります。

スクリーンショット 2017 12 23 13 40 51

この原因は、ブログのどこかにSSLじゃない通信（httpで始まるURL）が含まれていることが原因です。

試しにChromeブラウザでサイトを表示し、「option+command+I」でエラーが無いか確認してみましょう。以下のように「Mixed Content」のエラーが出ていれば想定通りです。これは記載の通り、httpsとhttpがミックスしているという意味ですね。

スクリーンショット 2017 12 23 13 35 39

あとはhttpのURLを直すだけなので、地道に投稿一覧からエラーの記事を開いてURLを直していくか、あるいは、httpをhttpsに置換するだけで十分な場合はWordPressの以下のプラグインで一括置換ができます。

Search Regex
Search Regex
Download QR-Code
Search Regex
Developer: John Godley
Price: Free

もしプラグインで一括置換をする場合は、後で元に戻せないので、慎重に実施して下さい。

URLの修正が全て完了してURLを見ると。。。

スクリーンショット 2017 12 23 16 03 25

「保護された通信」と表示されていますね。これでSSL化は完了です。

最後に

Xserver (Xdomain) を代表するように最近のレンタルサーバはサービスが良いです。今の時代SSLにしないという選択肢は存在しないため、レンタルサーバの無料SSL化は必然ですが、まだ対応していないところも多いので、レンタルサーバ選びの際には気をつけて下さい。
The following two tabs change content below.
Keid
Twitter のプロフィール

Keid

カナダを拠点に活躍する（予定）デベロッパー。 大学でコンピュータサイエンスを真面目に学び、日本の大手IT企業に就職したまでは予定通りの人生だったが、日本のIT業界に失望したことで考え方が変わり、海外への挑戦を決意。海外に行きたくても英語ができなかっため、語学留学を経て強制的に英語を上達させ、カナダへの切符を手にした。このブログでは海外に挑戦したいエンジニアやデザイナーに少しでも有益な情報を提供していきたいと思う。（写真はラスベガス）

関連記事