WPブログをSSL化したときのトラブルまとめ (エックスサーバー)

このブログは初めからSSLで作ったので問題なかったのですが、以前から運営しているいくつかのサイトはSSL未対応のままでした。

そこで先週重い腰をあげてようやくWordPresssで作っているサイトのhttps化（常時SSL化）を試みましたところ、些細なことでつまずいてしまったので備忘録に書いておきます。

SSL化について書かれているブログをいくつか拝見したのですが、WPテーマ「simplicity」の作者わいひらさん「WordPressをhttpからhttpsにSSL化した全手順まとめ（エックスサーバー環境）」が最も分かりやすかったのでそちらを参考にさせていただきました。
わいひらさん、誠に有り難うございます。

INDEX

エックスサーバーならSSLは無料
https化で起きた些細なトラブル
Search Consoleに新URLを追加

エックスサーバーならSSLは無料

サイトのSSLについてはレンタルサーバーごとに対応が異なりますが、エックスサーバーは無料オプションで利用できます。SSL導入については別途費用が必要だと思っていたので助かります。

ちなみにエックスサーバーは４月１０日まで初期費用半額キャンペーン中ですので、サーバー移転や新規契約で悩まれている方は是非どうぞ。

エックスサーバー管理画面からSSLを追加

管理画面からを「SSL設定」を選択。

サイトを選択して「独自SSLの追加」。[CSR情報(SSL証明書申請情報)を入力する]は未チェックでOKです。

最大1時間、体感的には20分ほどでhttps〜ではじまるサイトURLが作成されます。

サイト内URLをhttpsに一括変換

https〜にアクセスしてサイトが表示されるようになったら次のステップに進みます。

表示前にやってしまうと現在表示されている画像ファイルが非表示に、内部リンクが全て404になってしまいますので焦らずに。

https化されるのはあくまでページURLだけですので、サイト内リンクのaタグやimgタグのURLはhttpのままです。

わいひらさんの記事に従い、サイト内URLを一括で置き換えてくれるプラグイン”search regex”を使用し、httpのURLをhttpsに書き換えます。

search regexをひらき、「Search pattern」に検索語句、「Replace pattern」に置き換え語句を指定します。それ以外の項目は変更なしで大丈夫です。 — ＊赤枠の部分はさわる必要なし

[Search patern]にhttpからはじまるURL（https://■■■.com）。[Replace pattern]にhttpsからはじまるURLを記入して[Replace]をクリック。

すると置き換え後のURLが表示されるので間違っていないかチェック。

問題なければ[Repalece & Save]で保存します。

こちら記事にも書かれていましたが、置き換え保存の前に念入りに確認しておきましょう。間違っていると後が面倒です。

旧URLから新URLに301リダイレクト

SSL化により今までのページが無くなるのではなく、httpから始まるサイトとhttpsで始まるサイト2つが共存していることになります。

そこでftpソフトを使い.htaccessを編集し、httpにアクセスされてもhttps に転送されるよう301リダイレクトを設定します。

# .htaccessの最上部に下記をコピペ

<IfModule mod_rewrite.c>
RewriteEngine on
RewriteCond %{HTTPS} !=on [NC]
RewriteRule ^(.*)$ https://%{HTTP_HOST}%{REQUEST_URI} [R=301,L]
</IfModule>

転送させるのならエックスサーバーの管理画面から簡単に設定できるじゃないかと思われそうですが、私のサイトで試してみたところURLループになってしまいサイトが表示されなくなってしまいました。

サイト設定によってループしない場合もありますが、仮に設定が間違っていても慌てないで済むようにftpで接続し、きちんとバックアップをとった上で、.htaccessファイルで301リダイレクトを設定した方が無難です。