さくらレンタルサーバでサイトを常時SSL化(https)してみた


どうも、モデです。私の使っているレンタルサーバのさくらのレンタルサーバが無料でSSL化できるようになっていたので早速SSL化してみました。最低限やるべきことと困ったことを書きます。

スポンサーリンク

 

SSL化した後に困ったこと

SSL化自体は手順に従うだけですぐにできました。
こちらを参考にしてください。

【無料SSL】サーバコントロールパネルからの導入手順

さくらのレンタルサーバーの場合は自動でURLをhttps化してくれるプラグインがありましたのでそちらを使用しました。

さくらのサーバー公式のプラグインのようです。

【WordPress】常時SSL化プラグインの使い方

さて、問題はここからです。上記のリンクにあるSAKURA RS WP SSLだけではSSLが完了しません。

これ以外にReally Simple SSLというプラグインを導入しました。ざっと見た感じだとこの2つを入れてほぼ問題なくSSL化していると思われます。

しかしまだこの段階ではレイアウト崩れが起きています。レイアウトが崩れていない場合は無視してください。

調べたところトップページだけはhttpsからCSSを読み込んでいるらしく、他のページではhttpからCSSを読み込んでしまうためレイアウトが崩れるそうです。

改善するにはさくらのサーバーのサーバーコントロールパネルからファイルマネージャーを開き、wp-config.php

//SSL
if( isset($_SERVER[‘HTTP_X_SAKURA_FORWARDED_FOR’]) ) {
$_SERVER[‘HTTPS’] = ‘on’;
$_ENV[‘HTTPS’] = ‘on’;
}

を追加します。

wp-config.phpの中の
/* 編集が必要なのはここまでです ! WordPress でブログをお楽しみください。 */
という記述の上あたりに入れるとレイアウト崩れが改善されると思います。

次に、カスタマイズの追加CSShttp://でリンクを書き込んでいる場合はすべてhttps://に書き換えます。ページのリンク以外に画像のリンクも変更対象です。

・ニコニコ動画のリンクの困ったこと

ニコニコ動画のマイリストをブログに貼り付けている場合があると思います。

私の場合、記事内部のニコニコへのリンクは今まで通り表示されていましたが、<iframe>タグで公開マイリストを貼り付けていた固定ページのURLがSSL化されず、リンクも表示されませんでした。

ニコニコ動画側で動画の方は最近SSLに対応したようなのですが、マイリストのページは対応していないようです。

「動画埋め込みコード」HTTPS対応のお知らせ

私の環境では何故かコードを貼り直さずとも再生可能でしたので動画のコードの貼り直しはしていません。

表示できなくなった公開マイリストのページに関しては、とりあえず<a>タグのコードを埋め込んでSSL化させました。

文字だけはやはり見栄えがよくないですね…何か良い方法はないか検討中です。

 

最後に

とりあえずは様子見といったところですが、常時SSL化は骨が折れました。

いずれ常時SSL化するつもりはあったので、記事が多くない今のうちにSSL化できたのは良かったかもしれません。

ただ、何か不備があるのではという不安はあります。

もしmodeeisennuiのサイトで何か問題を見つけて頂いた場合は、お手数でなければツイッターやメールから教えていただければ幸いです。

以上、モデでした。


Google Search Consoleの登録内容変更も忘れずにしましょう。

こちらのサイトを参考にさせていただきました。
サイトのHTTPS化で必要となるGoogleサーチコンソールの再登録方法

スポンサーリンク

モデの音楽