MovableTypeのお問い合わせフォームをSSL化してみた

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などで「要素の検証」をしてみてください。

yellow

Chromeの場合は、「Console」タブでエラーが確認できます。まだhttpで書かれているものが残っているかも?

error

(上の場合は画像のパスがhttp://のままですよ〜というエラー。)

特に忘れやすいのがformタグのaction要素なので、要注意です!検索フォームがある場合はそちらもお忘れなく〜。


あとはお問い合わせフォームへのリンクをhttps://に変えるだけ!

意外と簡単にできたので、なにを悩んでいたんだろう・・・という感じです。
それよりも時間がかかったのはSSLの契約(>_<)その記事はまた書きます。。

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

CAPTCHA