TOP2016.1.27WordPressサイトを常時SSL化する方法(全ページHTTPS)シェアtweetGoogle+はてブ前回Webサイトを常時SSL化させるメリットについて書きました。以前の投稿記事Webサイトの常時SSL化はメリットがたくさん!やらない手はない今回はサイトを常時SSL化する方法について書いてみます。WEBサイトを常時SSLにする方法タイトルではWordPressと題しておりますが、一般のサイトでも共通して言えることも多くあります。一般的なSSL化実装は以下のような流れになるかと思います。主にはサーバー側の設定になるので、ご利用のサーバーに合った証明書を取得し設置してください。サーバー証明書取得についてこちらについては、お使いのサーバーによって取得できる証明書が決まっていたりもします。出来る限り、信頼のできる認証局からの証明書を取得するようにしましょう。有効期限についても注意しておくようにしましょう。※もうすでにどこの証明書もSHA1ではなく、SHA2になっているかと思いますが、この点も注意してください。常時SSL化されたサイトを作るにあたっての注意点WordPressに限らず、SSL化したサイトを作るにあたっては以下のことを意識して作成します。1、画像・CSS・JSなどはSSL領域から読み込む実際にSSLを導入した後に、既存の読込ファイルパスが以下のようになっている場合があります。/>この場合、httpsではなく、httpで読み込んでいるため、ブラウザでエラー表示がでてしまいます。以下Firefoxの例です。パスの書き方については、相対パス「../」、ルートパス「/」、それとhttp://を除いた絶対パスの書き方「//」などがあります。「http://◯◯」とした書き方で読み込んでいるとエラーになってしまうので、すべて「https://◯◯」や相対パス、ルートパス等に書き換える必要があります。これはHTMLに限らず、CSS、JSの個別ファイル内も同様です。1つでも信頼のできない先からの読込がある場合エラーが出てしまうので注意してください。設定画面のサイトURLが「http://」から始まる形になっているかと思います。その場合、記事投稿時のメディア挿入パスが「http://」から始まる絶対パスになっています。するとSSL接続時に、ブラウザでエラー表示が出てしまうため、「https://」に書き換える必要があります。進み、URLの部分で「http://〜」となっている箇所を「https://〜」と変更しましょう。次に過去投稿を編集し直します。WordPressの投稿記事内を書き換える次に、過去投稿した中にある「http://」から始まる読込を、すべて「https://〜」に変更します。これについては、WordPressのデータベースを書き換える、もしくは記事を一つひとつ修正しなければいけません。手作業で更新するのはあまりにもめんどくさかったりするので便利なプラグインを使いましょう。CMS構築を目的にPHPをベースとしたWordPress、CakePHPやPEARなどオープンソースを中心に解説しています上記プラグインを使用することで過去記事の文字列を一括置換えすることができます。※データベースを一括置換えする場合は必ずバックアップをしておきましょう。Maps、アフィリエイトタグ、アクセス解析タグなどもhttpsから読み込むようにします。証明書を設置して「https://〜」からアクセスできるようになったとしても、これまで通りに「http://〜」からもアクセスができてしまいます。それでは意味が無いので、「.htaccess」などでhttpをhttpsへ転送する設定をする必要があります。以下をWordPressサイトのルートディレクトリにある.htaccessに追記します。[R,L]</IfModule>これでhttpへのアクセスは、すべてhttpsへ転送されるようになります。この際に元から書いてある設定と合わせて書かないようにしましょう。一緒に書いてしまうと、パーマリンクの設定を書き換えた際に上書きされてしまいます。お使いのサーバーによっては別の設定が必要だったり、書き方が異なったりします。上記設定を.htaccessのなるべく上部に書いてみるようにしましょう。下部に書いてあると他の設定の影響を受けうまくリダイレクトされない場合があります。テンプレートの設定WordPressの場合、今利用しているテンプレートの調整が必要になる場合もあります。こちらは利用しているテーマを確認し、調整が必要な場合は各自調整しましょう。wordpressセキュリティ向上。最近アクセスの多い記事Illustrator不要。ネタ、下ネタ...何でも書きます。きなもの、映画、ラーメン、寝ること。高木りさデザイナー/ライター。WEBデザインに関する記事を書いてます。