ロリポップのレンタルサーバーで、ライトプランでも無料でhttps(SSL)化できるようになっていたので早速、置いてあるワードプレスのブログを全部ＳＳＬ化してみました。
https(SSL)化は気にはなってたんですが個人ブログで有料オプション付けてまでの価値があるのか疑問だったので無料で機能を提供してもらえたのはすごく助かりました。
※ここで紹介しているのは、https(SSL)化の作業部分のみです。４つのブログで作業して失敗はなかったですが、データベースやサーバーのファイルのバックアップは取っておいたほうが安心だと思います。
＜全体の流れ＞
１、ロリポップでSSLの申し込み・設定
２、ワードプレスのURL設定変更
３、ワードプレスの記事中のURLを修正
４、http→httpsのリダイレクト設定
５、httpsページを開いてリンクチェック
６、google analyticsの設定変更
目次
１、ロリポップにログインしてＳＳＬ化の申し込み
ロリポップのユーザー専用ページにログイン。
【１】ＳＳＬ設定ページを開く
左サイドメニューの中ほどにある 【独自ＳＳＬ証明書】＞証明書お申込み・設定 をクリックしてＳＳＬ設定ページを開きます。
【２】ドメインにチェックを入れて申し込み
【ＳＳＬ保護されていないドメイン】の中から、https(SSL)化したいドメインにチェックを入れます。
【独自ＳＳＬ（無料）を設定する】ボタンを押すと、ＳＳＬ化の申し込みがスタートします。
【３】https(SSL)化されたＵＲＬを確認
ＳＳＬ設定作業中という表示が消えて、ＳＳＬ化申し込みしたドメインが【ＳＳＬ保護されていないドメイン】から消えて【ＳＳＬで保護されているドメイン】に移動すればhttps(SSL)化完了です。（うちの場合は、ｗｗｗのありなし両方で１サイトが約５～１０分程度で完了でした。）
【ＳＳＬで保護されているドメイン】に表示されているドメイン名のリンクをクリックすればhttps(SSL)化されたページを確認できます。
２、wordpressにログインしてＵＲＬの設定を変更
ＳＳＬ化の申し込みが完了して、サイトＵＲＬがhttpsで表示できるようになったのを確認したら、ワードプレスのＵＲＬ設定を変更します。
wordpressのＵＲＬ設定を変更する
いつものhttpのワードプレス管理画面にログインして、左メニューの【設定】＞一般 をクリックします。
【WordPressアドレス（ＵＲＬ）】と【サイトアドレス（ＵＲＬ）】の中のＵＲＬを http から https に変更します。
３、wordpress記事の中のＵＲＬを一括で変更
ワードプレスのＵＲＬ設定を変更しただけでは、記事の中で使用しているリンクや画像のＵＲＬは変更されていません。
記事やページの数が少なければ探し出して手作業でhttpsに書きなおしてもいいですが、数十～数百ページもあるととても無理なので一括置換できるプラグインを使います。
記事中のＵＲＬをまとめて変更できるプラグイン Search Regex を入れる
プラグイン＞新規追加 を開き、検索ボックスに Search Regex と入れて検索、インストール・有効化しておく。
Search Regexを使って記事中のＵＲＬを一括変更する
左メニュー【ツール】の中の Search Regex をクリックしてページを開く。
【Search pattern】にhttpのＵＲＬを入力、【Repalace pattern】に変更したいhttpsのＵＲＬを入力。
どの箇所がどういう風に変更になるか確認しておきたい場合は【Replace】ボタンをクリック、確認が終わった・もしくはすぐに変更したい場合は【Replace＆Save】ボタンをクリック。
４、htaccessにhttp→httpsのリダイレクトを書き込む
htaccessファイルを編集してhttp→httpsのリダイレクト設定
.htaccessファイルをテキストエディタで開いてリダイレクト用のコードを追加しておきます。
<IfModule mod_rewrite.c>
RewriteEngine On
RewriteCond %{HTTPS} !=on [NC]
RewriteRule ^(.*)$ https://%{HTTP_HOST}%{REQUEST_URI} [R=301,L]
</IfModule>
こんな感じでhttpアドレスを一括でhttpsにリダイレクト設定。
５、ブログのページを開いてヘッダーやフッターのリンクＵＲＬをチェック
実際にページを開いてエラーをチェック
ヘッダーやフッターなどテンプレートやウィジェットの中にあるＵＲＬをチェックします。
一括置換のSearchRegexは記事・ページの中だけなので、ここは手作業で頑張りました。
相対パスやルートパスなどは問題ないですが、httpからの絶対パスを使ってるリンクや画像ＵＲＬを直します。
うちでは、googleクロームのＦ１２ボタンを押して開くデベロッパーツールで便利にチェックしました。（Ｆ１２で開いたデベロッパーツールのConsoleに切り替えるとエラーチェックできます）
６、google analyticsにログインしてＵＲＬ設定を変更
グーグルアナリティクスにログインして、該当サイトの【設定】＞【プロパティ設定】＞【デフォルトの URL】のhttpとなっているところをhttpsに切り替えます。
以上で、うちがロリポップに置いている４つのブログをｈｔｔｐｓ（ＳＳＬ）化した手順です。
おつかれさまでした。
