WordPressで構築してきたサイトをSSL化する手順についてご紹介します。
サイトを設置してあるサーバーによって少し必要な作業が違う部分もありますが、まずエックスサーバーについて説明していきます。
エックスサーバーのWordpressサイトをSSL化する手順
エックスサーバーの場合は比較的にWordpressサイトをSSL化することはそう難しくはありません。
ドメインに独自SSL設定を追加したあとでその反映を待つ時間が意外と長かったりことがあるということくらいでしょうか。
エックスサーバーで該当ドメインに独自SSL設定を追加する
まずはエックスサーバーの管理画面に入り、該当のドメインに対して独自SSL設定を追加しましょう。
管理画面にログインして、該当ドメインを設定対象ドメインにし、ドメイン設定のメニューにある、SSL設定をクリックします。
SSL設定の画面になります。
独自SSLの追加タブをクリックします。
ドメインがSSL化対象のドメインとなっているのかを、再確認しておきましょう。もしも違うドメインを操作しているようならば、該当ドメインの設定に切り替えてください。
【CSR情報（SSL証明書申請情報）を入力する】というところにチェックを入れることができますが、ここはチェック不要です。
右下にある【独自SSLを追加する（確定）】ボタンをクリックして、独自SSLをドメインに追加します。
エックスサーバー側での操作は以上になります。
サーバー側でSSL設定の反映作業が行われますので、待ちます。1時間くらいとなっていますが、数時間待つこともありましたので、SSLを行う時はこの時間を頭に入れておきましょう。
WordPressの管理画面でURLを変更する
SSL設定が反映されたら、Wordpressの管理画面でこのサイトはSSL化対応したサイトなのだという設定を行います。
SSL設定の反映が完了したかどうかの確認は、実際に https:// というURLでもサイトが見ることができれば、SSL設定が完了していると判断するといいです。
管理画面にログインし、設定 → 一般設定と移動します。
WordPressアドレスとサイトアドレスに、http:// から始まるURLが記載されているはずなので、これを https:// に変えて保存します。
WordPress内部のURLを揃える
ここまでの作業でWordpressサイトはSSL化対応が行われたということになります。
ですが、http:// で投稿してきた過去の記事内容（内部リンクや画像URLです）は以前のままなので、これを https:// に統一してあげる必要があります。
記事数が少ないならば1記事づつ修正していくということも可能ですが、記事数が多いとちょっと大変です。
そこで、プラグインの Search Regex を使って過去記事のURLをSSL対応しましょう。
Search Regex をインストールして有効化すると、ダッシュボードメニューのツールのところに Search Regex が配置されますので、こちらをクリックします。
Source： Post content
Search pattern： http://
Replace pattern： https://
と設定してまずはSearchボタンをクリックしてどんな内容が該当するのかを確認しましょう。
実際に置き換えるには、Replace&Saveボタンをクリックします。
念のため、何が起きても復元できるように、データベースのバックアップを取っておくか、少なくてもツール→エクスポートですべてのコンテンツをダウンロードして保存しておきましょう。
また、ウィジェットなどに内部URLを記載してある箇所もある場合は、手動で http:// を https:// と変更しましょう。
SSL化の確認を行う
これで基本的にはSSL化が実装できました。
しかし、これまでにサイトに設置してあったツールなどがSSL化に対応していない場合があると、サイトを http:// で表示した時に、サイトに安全でないコンテンツがあるという警告が出てしまいます。
クロムの場合は、画面右上にのようなマークが出ます。
大抵は、アクセス解析やSNSボタンやブログランキングのコードの場合が原因であることが多いようです。
このマークが消えるように該当のコードをSSL化対応するか、あるいは利用をやめてコードを削除しましょう。
過去のURLへ来たアクセスを新URLへ誘導する
これでようやくWordpressサイトのSSL化が行えました。
ですが、過去のURLへ検索結果から来るアクセスは暫くの間は http:// へアクセスしてきます。
これを https:// のアクセスへ誘導しましょう。
サイトを置いてある場所にある、.htaccessファイルの先頭に、下記コードを記載します。
<IfModule mod_rewrite.c>
RewriteEngine on
RewriteCond %{HTTPS} !=on [NC]
RewriteRule ^(.*)$ https://%{HTTP_HOST}%{REQUEST_URI} [R=301,L]
</IfModule>
これで検索結果から来たアクセスもSSL化を行ったURLへと誘導されるようになります。
以上でエックスサーバーで構築してきたWordpressサイトのSSL化作業は完了です。
さくらサーバーのWordpressサイトをSSL化する手順
さくらサーバーで構築してきたWordpressサイトをSSL化するためには、エックスサーバーのときよりも少し手順が多いです。
さくらサーバーで該当ドメインに独自SSL設定を追加する
まずはさくらサーバーの管理画面に入り、該当のドメインに対して独自SSL設定を追加しましょう。
管理画面にログインして、サイドバーのメニューにあるドメイン/SSL設定をクリックします。
サーバーに登録してあるドメインの一覧が並んでいますが、SSL設定を追加したいドメインの行の中にあるSSL/証明書の列の登録をクリックします。
メインカラムの無料SSL証明書にある無料SSLの設定へ進むボタンをクリックします。
無料SSL設定の画面で、無料SSLを設定するボタンをクリックします。
これで数十分～数時間でSSL設定がドメインに追加されますので、設定が反映されるまで待ちましょう。
この後に下記の３つの作業はエックスサーバーと同様の手順を行います。
・WordPressの管理画面でURLを変更する
・WordPress内部のURLを揃える
・SSL化の確認を行う
そしてここからは、エックスサーバーとは異なる作業になります。
さくらサーバー内のwp-config.phpを修正する
さくらサーバーの場合は、Wordpressの内部ページが http:// のほうへリダイレクトされてしまうという仕様があるようで、Wordpressを今後も活用するためには、これを https:// に修正する必要があります。
そこで、Wordpressをインストールした場所にあるwp-config.phpファイルに下記コードを追記します。
追記する場所は、先頭に書かれている下記コードの直後です。
<?php
追記するコードはこのサイトの場合は下記になります。
if( isset($_SERVER['HTTP_X_SAKURA_FORWARDED_FOR']) ) {
$_SERVER['HTTPS'] = 'on';
$_ENV['HTTPS'] = 'on';
$_SERVER['HTTP_HOST'] = 'g-outfitter.com';
$_SERVER['SERVER_NAME'] = 'g-outfitter.com';
$_ENV['HTTP_HOST'] = 'g-outfitter.com';
$_ENV['SERVER_NAME'] = 'g-outfitter.com';
}
お気づきのように、ドメイン名称が入っていますので、g-outfitter.comの部分をSSL化対象のドメイン内容に変えてください。
これを行わないと、CSSファイルが正しく反映されないというような現象が起きてしまうようです。
過去のURLへ来たアクセスを新URLへ誘導する
この作業なのですが、ついエックスサーバーと同じコードを.htaccessファイルに追記してしまいそうなのですが、さくらサーバーの場合はコードが異なります。
例えば、このサイトの g-outfitter.com の場合ならば、下記の内容を追記することになります。
<IfModule mod_rewrite.c>
RewriteEngine on
RewriteCond %{HTTP:X-Sakura-Forwarded-For} ^$
RewriteRule ^(.*)$ https://g-outfitter.com/$1 [R=301,L]
</IfModule>
ご覧になってわかるように、ドメイン名称をコード内に記載する必要があります。
間違えてしまうと、正しくリダイレクトが行われません。
もしも他のドメインを書いてしまたら、もちろん記載したとおりに他のドメインへ飛ばしてしまうことになりますので、注意しましょう。
エックスサーバーとさくらサーバーでは作業内容が少し異なりますので、注意してSSL化の作業を行うようにしたいですね。
ミニバードとは、ネットオウルという会社が運営しているレンタルサーバーのことで、ロリポップのライトプランと同じくらい安価で借りることができます。
しかも、ロリポップのライトプランでは1個のMySQLだけしか使えないのですが、1アカウントで5個のMySQLデータベースが使うことが出来るのがありがたいです。
関連情報>>>ミニバード
もちろんワードプレスの簡単インストール機能もあり、独自ドメインも1アカウントで50個まで設定することが可能なので、なかなか利用範囲の幅のあるレンタルサーバーだと言えます。
ミニバードでワードプレスを使う手順
ミニバードでワードプレスを使うための作業はそう難しいことはありません。他のレンタルサーバーとそう変わらない段取りになります。
１．独自ドメインのネームサーバーをミニバード用に設定する。
２．独自ドメインをミニバードへ設定する。
３．１の独自ドメイン内にワードプレスを簡単インストールする。
これだけです。
ミニバードはさくらサーバーやロリポップとは違い、エックスサーバーと同じようなイメージで２の独自ドメインを設定した段階でそのドメイン専用のフォルダーが自動で作成されます。
ちょっと特殊なところはロリポップやさくらサーバー・エックスサーバーは基本のFTP情報はアカウントごとに作られるのですが、 ミニバードはFTP情報もそれぞれの独自ドメインごとに異なって作られるというところです。
これは慣れが必要かもしれませんが、考え方によっては間違って他のドメインに情報をアップロードしてしまったり、あるいは消してしまったりという誤操作が少なくなるともとれます。
では手順を説明しましょう。
ネームサーバーをミニバード用に設定
独自ドメインはどこの会社で取得しても特に不自由はないと思いますが、ミニバードをより安く活用するには、ネットオウルが提供しているスタードメインで取得するといいです。
ドメイン取得時などにネットオウル内で利用できるポイントが付与されて、次回のサーバー費用などの支払いのうち最大で25パーセントぶんをそのポイントで払うことができるシステムがあるからです。
関連情報>>>ネットオウルのポイントシステム
残念なことにドメイン取得時の支払にはこのポイントでの支払はできないのですが、レンタルサーバーの支払には活用できるので効果的に利用したいですね。
そして、ネームサーバーの設定もスタードメインだととても簡単です。
スタードメイン管理画面→管理ドメイン一覧→対象のドメインの管理画面
ここでまずネームサーバーの確認・変更ボタンをクリックし、ネームサーバー情報の設定画面に移動します。
手動設定とお手軽設定があるのですが、下の方のお手軽設定のプルダウンメニュー内のミニバードを選んで設定ボタンをクリックして保存します。
レンタルサーバーを使い出すと、最初のころはネームサーバー情報って何なのだろうとなってしまうのですが、関連会社同士でドメインとサーバーを取得していると、こういったところがとても簡単に設定できるのでありがたいです。
関連情報 >>>スタードメイン 
もしもお名前ドットコムなど他でドメインを取得している時は、そちらの管理画面で以下のようにネームサーバーを設定しましょう。
NS1.MINIBIRD.JP
NS2.MINIBIRD.JP
NS3.MINIBIRD.JP
ネームサーバー３まで設定します。
独自ドメインをミニバードへ設定
次にミニバードサーバーへ独自ドメインを追加設定します。
ミニバード管理画面→ドメイン設定→ドメイン追加タブをクリック
ここに、スタードメイン管理のドメインを追加すると他社管理のドメインを追加するという２個のボタンがあるので、スタードメインでドメインを取得した時は左のボタンを、お名前ドットコムなどの他で取得している場合は右のボタンをクリックして進みます。
スタードメインでドメインを取得してある場合はそのドメインをプルダウンで選んで設定するだけでドメインの追加が行えます。
お名前ドットコムなどの他で取得したドメインの場合は、先に該当ドメインのネームサーバー情報をミニバード用に設定しておくと簡単です。
追加したいドメイン名称を入力し、認証方法はWhois認証にチェックを入れて確認画面ボタンをクリックして進みます。
この認証方法の選択はどれにしたら良いかちょっとわかりにくいですが、先にネームサーバー情報をミニバード用に設定しておいてあればWhois認証で大丈夫です。
無事に独自ドメインをミニバードサーバーに追加できると、下のような画面に遷移します。
ミニバードでは独自ドメインごとにFTP情報が設定されていますので、ここで初期のFTP情報を確認してFTPソフトで使えるように情報を保存しておくといいです。（もちろん後から管理画面で確認してパスワードを変更することもできます。）
独自ドメイン内にワードプレスを簡単インストール
ミニバードサーバーに独自ドメインを追加できたら、そのドメインにワードプレスをインストールしましょう。
ミニバード管理画面→簡単インストール
ミニバードサーバーに設定されている独自ドメインが並んでいるので、ワードプレスをインストールしたいドメインの選択文字をクリックします。
追加インストールタブをクリックするとWordpressのインストール設定ボタンがあるので、これをクリックして進みます。
インストール先は特に変更する必要はありませんが、もしも独自ドメインの下層フォルダーにインストールしたい場合は / の後ろのボックスにその下層フォルダー名称を入力します。
ブログ名・ユーザー名・パスワード・メールアドレスをそれぞれ入力して確認画面ボタンをクリックして進みます。
最後の確認画面で内容を決定して進むとワードプレスのインストールの完了です。
完了画面にワードプレスの管理画面へのログインURLが記載されていますので、さきほどのユーザー名・パスワードを入力してワードプレスを使いましょう。
]]>