Casual Developers Note

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

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.
Twitter のプロフィール

Keid

自由で楽しい世界を目指すフルスタックWebデベロッパー。 大学でコンピュータサイエンスを真面目に学び、日本の大手IT企業に就職後、新しい技術やスケールするビジネスが北米にある事に気づき、海外への挑戦を決意。全く英語ができなかっため、フィリピン留学およびカナダ留学を経て強制的に英語を上達させた。挑戦に終わりはない。このブログでは海外に挑戦したいエンジニアやデザイナーに少しでも有益な情報を提供していきたいと思う。

関連記事