昨年末にはじめたこのブログは初めからSSLで作ったので問題なかったのですが、以前から運営しているいくつかのサイトはSSL未対応のままでした。そこで先週重い腰をあげてようやくWordPresssで作っているサイトのhttps化(常時SSL化)を試みましたところ、些細なことでつまずいてしまったので備忘録に書いておきます。SSL化について書かれているブログをいくつか拝見したのですが、WPテーマ「simplicity」の作者わいひらさん「WordPressをhttpからhttpsにSSL化した全手順まとめ(エックスサーバー環境)」が最も分かりやすかったのでそちらを参考にさせていただきました。わいひらさん、誠に有り難うございます。Consoleに新URLを追加エックスサーバーならSSLは無料サイトのSSLについてはレンタルサーバーごとに対応が異なりますが、エックスサーバーは無料オプションで利用できます。SSL導入については別途費用が必要だと思っていたので助かります。ちなみにエックスサーバーは4月10日まで初期費用半額キャンペーン中ですので、サーバー移転や新規契約で悩まれている方は是非どうぞ。管理画面からを「SSL設定」を選択。サイトを選択して「独自SSLの追加」。[CSR情報(SSL証明書申請情報)を入力する]は未チェックでOKです。最大1時間、体感的には20分ほどでhttps〜ではじまるサイトURLが作成されます。サイト内URLをhttpsに一括変換https〜にアクセスしてサイトが表示されるようになったら次のステップに進みます。表示前にやってしまうと現在表示されている画像ファイルが非表示に、内部リンクが全て404になってしまいますので焦らずに。https化されるのはあくまでページURLだけですので、サイト内リンクのaタグやimgタグのURLはhttpのままです。regex”を使用し、httpのURLをhttpsに書き換えます。regexを追加・有効化。patern]にhttpからはじまるURL(http://■■■.com)。pattern]にhttpsからはじまるURLを記入して[Replace]をクリック。すると置き換え後のURLが表示されるので間違っていないかチェック。Save]で保存します。こちら記事にも書かれていましたが、置き換え保存の前に念入りに確認しておきましょう。間違っていると後が面倒です。旧URLから新URLに301リダイレクトSSL化により今までのページが無くなるのではなく、httpから始まるサイトとhttpsで始まるサイト2つが共存していることになります。転送されるよう301リダイレクトを設定します。[R=301,L]</IfModule>転送させるのならエックスサーバーの管理画面から簡単に設定できるじゃないかと思われそうですが、私のサイトで試してみたところURLループになってしまいサイトが表示されなくなってしまいました。サイト設定によってループしない場合もありますが、仮に設定が間違っていても慌てないで済むようにftpで接続し、きちんとバックアップをとった上で、.htaccessファイルで301リダイレクトを設定した方が無難です。https化で起きた些細なトラブルここまでの設定が全て終われば完全にhttps化されているはずですので、実際にアクセスして確認してみます。このようにブラウザのURLバーに緑色の鍵マークが表示されていれば成功です。読み込んでいます」と通知が。ウィジェットに書き込んだコードが変換されていないざっと確認してみるとサイドバーやフッターエリアなどに追加したウィジェット内のURLがhttpsに変換されていないようです。httpsに一括置き換えし再度確認。CSSで設定した背景画像のURLも変換されていないCSSでhタグの背景などに設定していた画像ファイルのURLも未変換でした。こちらも同様にテキストエディタで一括置き換えし再々確認。・・!カスタマイザーで設定したヘッダー背景画像simplicityのカスタマイザー画面で設定した背景画像がどうも引っかかっているようです。現在設定している画像をいったん削除し、改めて同じ画像を選択。regexでhttpsに変換されていますから同じファイルを選択しても問題ないはずです。consoleにhttpsではじまるURLを新たに登録します。以前サイトの確認タグなどを使用していればほとんど手間なく登録できるはずです。トラブルも含め1時間半ほどで終わりました。https化することによってアクセス数や表示回数などに変化が出たのかどうかについては、もう少し様子をみて改めて書こうと思います。