wordpressのSSL化
Chromeが、SSLに対応してないＨＰは常時警告出す方針だとか言うので
放置していたＳＳＬ導入をやってみた。
といっても、lolipopサーバなので、無料で導入できる共有SSL利用です。
なので、導入自体は、特に問題なし。
ちなみに、手順を間違えると、ＤＢ書き換えたりしないと戻せなくなるので、
手順はしっかり理解してからやった方が良いです。
事前に、Google Authenticator とか SiteGuard WP Plugin とかのsecurity関係の
プラグインは、事前に止めてから作業した方が事故が少なくて済むと思いますよ。
１ ＳＳＬ化を確認する
導入するとこんな感じで表示されるので、そこが共有ＳＳＬのＨＰになる。
サイトURLがhttp://〇〇〇.main.jp/wp の場合
共有SSLを利用したwebサイトURLは、https://main-〇〇〇.ssl-lplipop.jp/wp です。
２ 共有ＳＳＬのサイトに接続してみる
導入してしまえば、サイトとして動いているので、Wordpressが表示されるかを、まず確認する。
多分、いろいろ移動させてない状態なので、文字だけしか見えないと思うが、見えればＯＫ。
見えない場合は、ＳＳＬ化されてないので、次に進む前に設定等を要確認。
３ WordPressに共有SSLのURL（https://～）を設定する
問題ない場合は、wordpressに設定する
ダッシュボード → 設定 を開くと出てくる WordPress アドレス (URL) と
サイトアドレス (URL) を 共有ＳＳＬのＵＲＬに変更する。
４ サイトの確認
多分表示が下みたいにエクスクラメーションマーク表示になるので、
この場合は、ＳＳＬ混在化の解消をやる必要がある
Chromeの例
５ ＳＳＬ混在化の解消
多分、内部的に大量のhttp表示されているものがあるので、httpsに修正する必要がある。
１ プラグインを使う
Search Regex を使うと良いとあったので、インストールして使用
起動するとこんな感じなので、
- Source（検索・置換の対象を指定） → Post content
- Limit to（一度に置換する上限数） → No limit
- Order By（置換対象を検索した時の並び順） → Ascending
- Search pattern（検索する文字列） → SSL 化する前の URL
- Replace pattern（置換する文字列） → SSL 化後の URL
- Regex ⇒ 選択不要
こんな感じに設定する
終わったら、プラグインは使わないので、停止して削除で良い。
２ ＤＢの直接修正
プラグインでは、残念ながら、下記の表示のように鍵にエクスクラメーション表示だったので、
余計怪しいサイトにｗ
Firfoxの例
しょうが無いので、lolipopにログインして、ＤＢを直接いじることにした。
サーバーの管理 → データベース → phpMyAdmin
phpMyAdminを起動する。
（１）ログイン後、左側のＤＢ一覧から自分のWordpressのＤＢをクリックして、phpMyAdmin上部に
というか、メイン画面上部に、自分のサーバー名とデータベース名が表示されている状態にする
（２）検索タブをクリックして、データベース内検索 に移行する。
- 検索する単語や値 (ワイルドカード: “%”): 自分のＳＳＬ化前のＵＲＬ
- 検索条件: 一応、 にした
- 検索するテーブル: 全検索を選択
- 検索するカラム: 空白のままで
これで検索すると、テーブル一覧と検索結果が表示されるので、該当するテーブルに入って、
該当カラムを確認する
（３）データベースを選択した状態で、ＳＱＬタブを選択して、ＳＱＬを実行
UPDATE `DB名`.`テーブル名` SET `カラム名` =REPLACE (カラム名,”置換前語句”,”置換後語句”);
（４） （２）と（３）をくり返せば、最終的に全部返還が終わるはず
３ リンクの修正
再度接続しても、鍵表示が変わらないので、リンク先を確認する
Chromeで見ている場合は、Ｆ１２ を押すと、右側にエラーの原因を表示してくれる
「Mixed Content」と書かれた部分に、httpが混在している具体的なURLが書かれています。
Chromeでなくても、ディベロッパーツールを開けば見れると思うので、好きなの使えば良いと思う。
で、修正が終わって、下記ののように、表示されればＯＫです。
(上：Firefox 下：Chrome）
６ リダイレクト設定
このままだと、グーグル先生に別サイトだとおもわれてしまうので、リダイレクト設定をしておく
.htaccessの一番最初にこの記述をすればＯＫ 他の記述より前にこれを単独で記述する
正規表現じゃない所は、当然自分のＨＰ表記に合わせること
#301
<IfModule mod_rewrite.c>
RewriteEngine on
RewriteCond %{HTTPS} !=on [NC]
RewriteRule ^(.*)$ https://main-〇〇〇.ssl-lplipop.jp%{REQUEST_URI} [R=301,L]
</IfModule>
３０１はコメントなので、特になくてもＯＫ
最後に リダイレクトトラッカー に旧サイトを入れてみて、きちんとリダイレクトされるかどうかを確認
ＯＫならば、キャッシュをクリアしたブラウザーでも確認してみる。
大丈夫なら、多分リダイレクトもＯＫです。
以上で、設定終了です。
最後にＳＮＳとかで、自分のサイトを登録している場合は、そこの変更もしておこう。