MovableTypeでSSL化するのって、どうしたらいいの・・・と1年くらい悩んでほったらかしていました。
しかし!今回クライアントさんから、MovableTypeで構築されたサイトのお問い合わせフォームをSSL化する、という依頼を受けてしまいましたので、備忘録を。。
※SSLの設定は省きます。SSLの契約が済んで、証明書がインストールされていることを前提とします。
やったのはこれだけ。
<$mt:WebsiteURL$>
を
<$mt:WebsiteURL replace="http:","" $>
にするだけ!
cssやjsの読み込み部分を全て上記のものに変更します。
そうすると、アドレスがhttp://ではなく、//から始まり、プロトコルを省略できます。
変更するのは以下のもの。(head内の読み込み部分などはテンプレートを変更。画像などはお問い合わせフォームのページに記載されている部分だけでよい)
- cssの読み込み
- jsの読み込み
- formタグのaction要素
- imgタグのsrc要素
全て終わったら、https://でお問い合わせフォームにアクセスしてみてください。
アドレスバーのhttps部分が緑じゃない場合・・・何かしらのエラーが出ている証拠です。Chromeなどで「要素の検証」をしてみてください。
Chromeの場合は、「Console」タブでエラーが確認できます。まだhttpで書かれているものが残っているかも?
(上の場合は画像のパスがhttp://のままですよ〜というエラー。)
特に忘れやすいのがformタグのaction要素なので、要注意です!検索フォームがある場合はそちらもお忘れなく〜。
あとはお問い合わせフォームへのリンクをhttps://に変えるだけ!
意外と簡単にできたので、なにを悩んでいたんだろう・・・という感じです。
それよりも時間がかかったのはSSLの契約(>_<)その記事はまた書きます。。