さくらサーバーでウェブサイトをSSL対応にしようとしてちょっとハマった件。
この MovableType のブログの表示レイアウトがめちゃ乱れてしまった。原因を調べたら、スタイルシートの読み込みのリンクが http:// のままになっていて、いくら https:// でブログにアクセスしたとしても、設定してあるスタイルシートへのリンクをブラウザが"怪しいリンク先"と見なしてブロックしてしまうらしい、ということが分かった。ブログの設定でブログのパスを https:// にしたいところだが、http:// に固定されていて変更ができない。
そこで、SSL環境でMTをインストールし直すことにした。ついでなので今回はバージョンを 6.3.6 から 8.0.2 に上げた。こうすると新規に作ったブログのパスが自動的に https://・・になった。以前のブログをエクスポート、テーマもエクスポートして、新しいブログにインポートする。
これでブログの引っ越しが完全にできたと思ったが、CSSは読み込めているのにレイアウトの乱れがまだ残った。2カラムのサイドバーで設定してあるテーマをインポートしたのだが、なぜか3カラムのサイドバーの設定に変わっていて、2カラムと3カラムが混じり合ったような乱れたレイアウトになってしまったのだ。layout-wt のはずが layout-wtt になっていた。アルファ、ベータの上にガンマまで割込んできてガタガタ。この修正がどうしてもできない。
そこで「サイドバー」テンプレートを改変した。
これで強引に2カラムのサイドバーで表示できるようにした。さらに、「メインページ」「ブログ記事」「アーカイブインデックス」「カテゴリ別ブログ記事リスト」「月別ブログ記事リスト」「検索結果」も以下のように書き換えた。すべて layout-wt に書き換える。
最後に、テンプレとブログ記事中に記述してある本サイト URL を検索置換で一括修正した。
http://real-apple → https://real-apple
これで完全に移行を完了。